/* 通用 */

table.noBorderTable td,
table.noBorderTable th,
table.noBorderTable caption {
	border: 1px dashed #ddd !important
}

table {
	margin-bottom: 10px;
	border-collapse: collapse;
	display: table;
}

td,
th {
	padding: 5px 10px;
	border: 1px solid #DDD;
}


/*#m3hg702lpwge0000000 .resizeMe{height: auto !important;}
.activeimg #swmye1bf0zp7io0000000 ,#mye1bf0zp7io0000000>div,#m3hg702lpwge0000000 #mye1bf0zp7io0000000,#m3hg702lpwge0000000 .outmodule,#m3hg702lpwge0000000 .activeimg,.activeimg #swmye1bf0zp7io0000000 .outmodule .swiper-slide,.activeimg #swmye1bf0zp7io0000000 .outmodule .swiper-wrapper,#m3hg702lpwge0000000 .resizeMe{height: 100% !important;}*/

caption {
	border: 1px dashed #DDD;
	border-bottom: 0;
	padding: 3px;
	text-align: center;
}

.cke_ltr {
	z-index: 9999999999999999999999999 !important;
}

th {
	border-top: 1px solid #BBB;
}

table tr.firstRow th {
	border-top-width: 2px;
}

.ue-table-interlace-color-single {
	background-color: #fcfcfc;
}

.ue-table-interlace-color-double {
	background-color: #f7faff;
}

td p {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body,
button,
input,
select,
textarea {
	font: 14px/1.6 arial, Microsoft YaHei, simsun;
}

button,
input,
select,
textarea {
	outline: none;
	background-color: transparent;
	resize: none;
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}

code,
kbd,
pre,
samp {
	font-family: courier new, courier, monospace;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover,
a:active {
	text-decoration: none;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

legend {
	color: #000;
}

fieldset,
img {
	border: 0;
}

img,
object {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.g-cf {
	*zoom: 1
}

.g-cf:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '\20'
}

.w3 {
	letter-spacing: 0.5em;
	/*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */
	margin-right: -0.5em;
	/*同上*/
}

.g-fr {
	float: right;
}

.g-fl {
	float: left;
}

.clear_fix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clear_fix {
	*zoom: 1;
	clear: both;
}

.columnLayoutInner .mFont .hoverColor {
	text-align: left !important;
}

body {
	color: #111;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background: #fff;
}

.vue-contextmenu-listWrapper .context-menu-list button i,
.vue-contextmenu-listWrapper .context-menu-list button span {
	margin-left: 15px;
}

.hasBorder .columnLayout,
.hasBorder .freeContainer,
.hasBorder .columnLayout .layout_inner,
.swipercontainer {
	border: 1px dashed transparent;
	background-repeat: no-repeat;
	background-position: top center;
}

.el-icon-search:before {
	content: "\E619";
}

.yq_container .conect_inner {
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}

.yq_container {
	margin: 0 auto;
}

.yq_container .pos_con {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	width: 990px;
}

.yq_container .pos_con .inner {
	position: relative
}

.mScale li img {
	animation: move 3s ease-in-out;
}

#articleIdcolumnLayout525 {
	transition: all 1s;
	display: none;
}

#articleIdcolumnLayout525 {
	animation: moveX .5s ease-in;
}

@-webkit-keyframes moveY {
	from {
		transform: translateY(-80px);
		opacity: 0.5;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes moveX {
	from {
		transform: translateX(-80px);
		opacity: 0.5;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes move {
	from {
		transform: scale(1.1, 1.1);
	}
	to {
		transform: scale(1, 1);
	}
}

.yq_container .conect_inner {
	background-color: #fff;
	position: relative;
	z-index: 3;
	margin: 0 auto;
}

.productSearch {
	position: absolute;
}

.moduleAreaNav_con .out {
	display: none;
}

.up_down .out {
	display: block;
	position: absolute;
	width: 140px;
	left: 0;
	top: -45px;
	height: 45px;
	line-height: 45px;
	transition: all .2s
}

.up_down a {
	overflow: hidden;
	height: 45px;
	line-height: 45px;
}

.up_down a:hover .out {
	top: 0px;
}

.up_down .in {
	height: 45px;
	line-height: 45px;
	display: block;
	transition: all .5s
}

.yq_container .pos_con .inner,
.yq_container .freeyq_container {
	width: 990px;
	margin: 0 auto;
}

.conPos {
	position: absolute;
}

.yq_container .in_outer {
	position: relative;
}

.yq_container .labelContainer,
.yq_container .freeContainer {
	position: relative;
	margin: 0 auto;
}

.yq_container .multi_con .clm {
	float: left;
	min-height: 10px;
	width: 19.8%;
}

.clm2 {
	width: 49.3%;
}

.clm3 {
	width: 33.13%;
}

.clm4 {
	width: 24.79%;
}

.clm5 {
	width: 19.79%;
}


/*通栏排版*/

.yq_container .conect_inner .columnLayout {
	position: relative;
	background-position: top;
	background-repeat: no-repeat;
}

.yq_container .layout_inner {
	margin: 0 auto;
	position: relative;
}

.yq_container .columnLayoutInner {
	margin: 0 auto;
}

.yq_container .in_inner .resizeMe {
	position: relative;
}


/* 弹窗容器 */

.artD {
	position: relative;
	z-index: 999;
}

.popUpsLayout {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.art_m_bg {
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}

.art_m_outer {
	position: absolute;
	background-color: #fff;
	top: 30%;
	left: 30%;
}

.art_m_outer .art_m_inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.art_m_outer .move_part {
	/*background-color: #0D83ED;*/
}

.art_m_outer .header {
	color: #fff;
	height: 43px;
	line-height: 43px;
}

.art_m_outer .header .tit {
	display: inline-block;
	margin-left: 15px;
}

.art_m_outer .close_icon {
	float: right;
	cursor: pointer;
	max-width: 40px;
	margin: 5px 5px 5px 0;
}


/*标签展示*/

.labelContainer {
	margin: 0 auto;
}

.labelContainer .titlbl li {
	height: 30px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
}

.labelContainer .titlbl li.no_data {
	cursor: default !important;
}

.labelContainer .labelListOne li.labelList {
	width: 80px;
}

.labelListOne .centerUl {
	text-align: center;
}

.labelListOne .centerUl li {
	display: inline-block;
}

.labelListOne .rightUl {
	margin-right: 0;
}

.labelListOne .leftUl {
	width: 100%;
}

.labelListOne .leftUl li {
	float: left;
}

.labelListOne .rightUl {
	text-align: right;
}

.labelListOne .rightUl li {
	display: inline-block;
}

.labelContainer .labelListOne {
	width: 100%;
}

.labelContainer .lbl_con div.coun {
	position: relative;
}

.labelContainer .leftUl li {
	float: left;
}

.labelContainer .labelListTwo .titlbl {
	width: 20%;
	float: left;
}

.labelContainer .labelListTwo.righterdUl .titlbl {
	float: right;
}

.labelContainer .labelListTwo .lbl_con {
	width: 79%;
	float: left;
}

.labelContainer .titlbl li.cur {
	background: '#dc4242';
	color: '#fff';
	borderColor: '';
	position: relative;
	cursor: pointer;
	borderWidth: '';
	borderStyle: ''
}

.labelContainer .lbl_con .conStyle {
	position: relative;
	min-height: 200px;
}


/*视频导航*/

.videoNav .productTitle {
	line-height: 50px;
	font-size: 22px;
	background-color: darkgreen;
	color: #fff;
}

.videoNav .productTitle span {
	margin-left: 20px;
}

.videoNav img {
	margin-left: 10px;
}

.videoNav .mTypeOne .mTypeli {
	margin-top: 10px;
}

.videoNav .mTypeOne .mTypeli div.navTip {
	line-height: 27px;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: black;
	padding: 5px 0 5px 20px;
	font-size: 16px;
}

.videoNav .mTypeOne .sec_con {
	line-height: 30px;
	background-color: #fff;
}

.videoNav .mTypeOne .sec_con div.secTip {
	line-height: 20px;
	padding: 10px 0 0;
}

.videoNav .mTypeOne .sec_con .box {
	margin-left: 35px;
}

.videoNav .mTypeOne .third_item {
	padding-left: 55px;
}

.videoNav .mTypeOne div.navTip .box-width-equal {
	margin-top: 10px;
	margin-right: 10px;
}

.videoNav .mTypeOne div.navTip .box-equal {
	margin: 6px auto;
}

.videoNav .mTypeOne div.secTip .box-equal {
	margin-top: 1px;
}

.videoNav .mTypeOne .box-equal::before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border: 9px solid;
	border-color: transparent transparent transparent #666;
}

.videoNav .mTypeOne .box-width-equal::before {
	content: '';
	position: absolute;
	width: 0px;
	height: 10px;
	border: 10px solid;
	border-color: #666 transparent transparent transparent;
}

.videoNav .productTitle {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: rgb(21, 20, 20);
	border-color: initial;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	padding: 0px;
	background-color: rgb(244, 242, 242);
}

.videoNav .mType0 .mTypeli {
	margin-top: 2px;
	display: block;
	border: 0;
	line-height: 45px;
	background: #d9d9d9;
	padding-left: 1px;
	color: #000
}

.videoNav .mType0 .mTypeli div.navTip {
	line-height: 50px;
	border: 0;
	border-radius: 8px;
	color: black;
	padding-left: 20px;
	font-size: 16px
}

.videoNav .mType0 .box-equal {
	margin: 9px auto;
}

.videoNav .mType0 div.navTip .box-width-equal {
	margin-top: 14px;
}

.videoNav .mType0 .mTypeli {
	margin-top: 2px;
	display: block;
	border: 0;
	line-height: 45px;
	background: #d9d9d9;
	padding-left: 1px;
	color: #000
}

.videoNav .mType0 .mTypeli div.navTip {
	line-height: 50px;
	border: 0;
	border-radius: 0px;
	color: black;
	padding-left: 20px;
	font-size: 16px
}

.videoNav .mType0 .sec_con li:last-child div.secTip {
	padding-bottom: 10px;
}

.videoNav .mType0 .mTypeli div.navTip:hover {
	background-color: #d2232a;
	color: #fff;
}

.videoNav .mType0 .box-equal {
	margin: 14px auto;
}

.videoNav .mType0 .secTip:hover {
	color: #d2232a;
}

.videoNav .mType0 div.navTip .box-width-equal {
	margin-top: 17px;
}

.videoNav .mTypeTwo li {
	float: left;
	margin-right: 10px;
}

.videoNav .mTypeTwo li .pdsRelative {
	width: 300px;
}

.videoNav .mTypeTwo li .pdsRelative img {
	width: 100%;
	height: 100%;
}


/*产品导航*/

.productNav .productTitle {
	line-height: 50px;
	font-size: 22px;
	background-color: darkgreen;
	color: #fff;
}

.productNav .productTitle span {
	margin-left: 20px;
}

.productNav img {
	margin-left: 10px;
}

.secTip {
	padding: 10px 0;
}

.thdTip {
	padding-left: 45px;
	line-height: 28px;
}

.productNav .mTypeOne .mTypeli {
	margin-top: 10px;
}

.productNav .mTypeOne .mTypeli div.navTip {
	line-height: 27px;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: black;
	padding: 5px 0 5px 20px;
	font-size: 16px;
}

.productNav .mTypeOne .sec_con {
	line-height: 30px;
	background-color: #fff;
}

.productNav .mTypeOne .sec_con div.secTip {
	line-height: 20px;
	padding: 10px 0 0;
}

.box-width-equal,
.box-equal {
	width: 30px;
	height: 10px;
	margin: 5px auto;
	float: left;
	cursor: pointer;
	position: relative;
}

.productNav .mTypeOne .third_item {
	padding-left: 55px;
}

.box-equal {
	width: 19px;
	margin: 14px auto;
}

.productNav .mTypeOne div.navTip .box-width-equal {
	margin-top: 10px;
	margin-right: 10px;
}

.productNav .mTypeOne div.navTip .box-equal {
	margin: 6px auto;
}

.productNav .mTypeOne div.secTip .box-equal {
	margin-top: 1px;
}

.productNav .mTypeOne .box-equal::before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border: 9px solid;
	border-color: transparent transparent transparent #666;
}

.productNav .mTypeOne .box-width-equal::before {
	content: '';
	position: absolute;
	width: 0px;
	height: 10px;
	border: 10px solid;
	border-color: #666 transparent transparent transparent;
}

.productNav .productTitle {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: rgb(21, 20, 20);
	border-color: initial;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	padding: 0px;
	background-color: rgb(244, 242, 242);
}

.productNav .mType0 .mTypeli {
	margin-top: 2px;
	display: block;
	border: 0;
	line-height: 45px;
	background: #d9d9d9;
	padding-left: 1px;
	color: #000
}

.productNav .mType0 .mTypeli div.navTip {
	line-height: 50px;
	border: 0;
	border-radius: 8px;
	color: black;
	padding-left: 20px;
	font-size: 16px
}

.productNav .mType0 .box-equal {
	margin: 9px auto;
}

.productNav .mType0 div.navTip .box-width-equal {
	margin-top: 14px;
}

.productNav .mType0 .mTypeli {
	margin-top: 2px;
	display: block;
	border: 0;
	line-height: 45px;
	background: #d9d9d9;
	padding-left: 1px;
	color: #000
}

.productNav .mType0 .mTypeli div.navTip {
	line-height: 50px;
	border: 0;
	border-radius: 0px;
	color: black;
	padding-left: 20px;
	font-size: 16px
}

.productNav .mType0 .sec_con li:last-child div.secTip {
	padding-bottom: 10px;
}

.productNav .mType0 .mTypeli div.navTip:hover {
	background-color: #d2232a;
	color: #fff;
}

.productNav .mType0 .box-equal {
	margin: 14px auto;
}

.productNav .mType0 .secTip:hover {
	color: #d2232a;
}

.productNav .mType0 div.navTip .box-width-equal {
	margin-top: 17px;
}

.productNav .mTypeTwo {}

.productNav .mTypeTwo li {
	float: left;
	margin-right: 10px;
}

.productNav .mTypeTwo li .pdsRelative {
	width: 300px;
}

.productNav .mTypeTwo li .pdsRelative img {
	width: 100%;
	height: 100%;
}

.no_data {
	text-align: center;
	color: #777;
	margin-top: 10px;
}


/*产品容器*/

.productDes .et_side {
	position: relative;
}

.productDes .productShow {
	clear: both;
}

.productDes .et_con {
	position: relative;
}

.tabContainer.columnLayout {
	border: none;
}

.productDes .product_file {
	background: #d00e31;
	color: #fff;
	padding: 5px 6px;
	border-radius: 4px;
}


/*栏目导航*/

.moduleAreaNav {}

.moduleAreaNav_con {
	z-index: 9;
}

.moduleAreaNav_con li {
	box-sizing: border-box;
}

.nav_i_show0 {
	margin: 0 auto;
}

.nav_i_show0 li {
	float: left;
	width: 150px;
	cursor: pointer;
	text-align: center;
}

.diretionM1 li {
	position: relative;
}

.nav_i_show0 li a {
	display: block;
	position: relative;
}

.nav_i_show0 li:hover {
	/*background-color: rgb(3, 147, 218);*/
}

.nav_i_show0 li:hover .sec_con {
	display: block;
}

.nav_i_show0 .nav_lifirth .sec_con li {
	line-height: 27px;
}

.nav_i_show0 .nav_lifirth .sec_con li .third_item {
	line-height: 27px;
}

.nav_i_show0 .sec_con {
	left: 0;
	width: 150px;
}

.diretionM1 .sec_con {
	position: absolute;
	display: none;
	background-color: #444;
	color: #fff;
}

.nav_i_show0 .sec_con li:hover .tit_i2 {}

.nav_i_show0 .sec_con li:hover .third_con {}

.nav_i_show0 .third_con {
	left: 150px;
	top: 0;
	color: #fff;
	background-color: #444;
}

.diretionM1 .third_con {
	width: 150px;
	overflow: hidden;
}

.diretionM1 .third_con {
	position: absolute;
	display: none;
}

.diretionM1 .sec_con li:hover .third_con {
	display: block;
}

.nav_i_show0 .third_con .third_item:hover {}

.directionM2 .nav_lifirth .sec_con li {
	float: left;
	height: auto !important;
	width: 300px;
}

.directionM2 .nav_lifirth .sec_con li .tit_i2 {
	color: #444;
	font-size: 16px;
}

.directionM2 li.nav_lifirth .sec_con_bg {
	left: -47.5%;
	background-color: #fff;
	display: none;
	border-top: 1px solid #cecece;
	position: absolute !important;
}

.directionM2 li.nav_lifirth:hover .sec_con_bg {
	display: block;
}

.directionM2 .third_con {
	margin-bottom: 20px;
}

.directionM2 li.nav_lifirth .sec_con {
	width: 1200px !important;
	margin: 0 auto;
}

.directionM3 {}

.directionM3 .sec_con_bg {
	position: absolute;
	top: 50px;
	color: #fff;
	/*transform: translate3d(0px, -105%, 0px);
	transition: all 1s ease 0s;*/
	width: 100%;
	z-index: 2;
	left: 0;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.directionM3 .sec_con_bg ul.sec_con {
	width: 1200px;
	margin: 0 auto;
}

.directionM3 li.nav_lifirth {
	position: relative;
}

.directionM3 li.nav_lifirth:hover .sec_con_bg {
	display: block;
}


/*轮播图效果*/

.carousel-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.carousel-wrap .txt {
	float: right;
}

.slide-ul {
	width: 100%;
	position: absolute;
	height: 100%;
}

.fixed_nav {
	position: fixed !important;
	z-index: 99999999;
}

.slide-ul li img {
	/*width: 100%;
		height: 100%;*/
}

.con_rt {
	margin: 15px 15px 0 15px;
}

.con_rt img {
	width: 150px;
	height: 150px;
	margin-top: 20px;
}

.carousel-items {
	position: absolute;
	z-index: 10;
	bottom: 15px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.carousel-items span {
	display: inline-block;
	height: 6px;
	width: 30px;
	margin: 0 3px;
	background-color: #FFFFFF;
	cursor: pointer;
}

.carousel-items .active {
	background-color: #2D64B3;
}

.bot-img {
	position: absolute;
	height: 60px;
	right: 10px;
	bottom: 10px;
}

.bot-img ul {
	height: 60px;
}

.bot-img li {
	float: right;
}

.bot-img li img {
	width: 60px;
	height: 60px;
}

.list-enter-to {
	transition: all 1s ease;
	transform: translateX(0);
}

.list-leave-active {
	transition: all 1s ease;
	transform: translateX(-100%);
}

.list-enter {
	transform: translateX(100%);
}

.list-leave {
	transform: translateX(0);
}

.carousel-is {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 20px;
}

.carousel-is span {
	background-color: #444;
	color: #fff;
	text-align: center;
	margin-right: 10px;
}

.carousel-is0 span {
	width: 20px;
	line-height: 20px;
	color: #fff;
	height: 20px;
	padding: 0 5px;
}

.carousel-is1 span {
	float: left;
	width: 6px;
	background-color: #444;
	text-align: center;
	margin-right: 10px;
	line-height: 2px;
	font-size: 0;
	border-radius: 5px;
	overflow: hidden;
	height: 6px;
}

.carousel-is2 span {
	float: left;
	width: 6px;
	background-color: #444;
	text-align: center;
	margin-right: 10px;
	line-height: 2px;
	font-size: 0;
	overflow: hidden;
	height: 6px;
}

.carousel-is3 {
	top: 45%;
	width: 100%;
}

.carousel-is3 span {
	display: none;
}

.carousel-is3 .emron {
	display: block;
}

.carousel-is3 .emron {
	display: block;
	margin-left: 20px;
	height: 30px;
}

.carousel-is3 em.r {
	background-image: url('https://img.xiaohucloud.com/static/image/right.png');
	right: 15px;
	float: right;
	display: block;
	width: 30px;
	height: 30px;
}

.carousel-is3 em.l {
	background-image: url('https://img.xiaohucloud.com/static/image/left.png');
	left: 15px;
	display: block;
	width: 30px;
	height: 30px;
}


/*按钮组件*/

.m_button_con span {
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
}

.m_button_con span em {
	width: 100%;
	font-weight: normal;
	display: block;
}


/*文件下载组件*/

.areaFile .detail ul {
	width: 100%;
	clear: both;
	overflow: hidden;
}

.areaFile .detail ul li.smdel0 {
	border: 1px solid #E3E3E3;
	overflow: hidden;
	padding: 10px 20px;
	margin: 5px;
	border-radius: 5px;
	background-color: #fff;
	box-sizing: border-box;
}

.areaFile .detail ul li {
	margin-bottom: 20px;
}

.areaFile .detail ul li p {
	float: left;
}

.areaFile .detail ul li .type_icon {
	margin-right: 20px;
}

.areaFile .detail ul li p span {
	margin-left: 15px;
	color: #888;
}

.areaFile .detail ul li button,
.areaFile .detail ul li a {
	/*float: left;*/
	cursor: pointer;
	width: 47px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(https://img.xiaohucloud.com/static/image/wzv_yq.png);
}

.areaFile .page {
	margin-top: 10px;
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.areaFile .page p {
	float: left;
	margin-right: 7px;
}

.areaFile .page p a {
	display: block;
	border-radius: 3px;
	color: #666;
	border: 1px solid #b3b3b3;
	text-decoration: none;
	padding: 5px 7px;
	font-size: 14px;
}

.page .tr_y {
	background-color: #f5f5f5;
	color: #444;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	padding: 5px 15px;
}

.page .current {
	background-color: #565656;
	color: #fff;
}

.page .inst_ind {}

.page .down_page {}

.page .last_page {}

.areaFile .page p a:hover {
	background: #5874d8;
	color: #FFFFFF;
}


/*收藏本站组件*/

.areaIndexFavorite .detail {
	background-repeat: no-repeat;
	background-position: center;
}

.areaIndexFavorite .detail p a {
	border-right: 1px solid #E3E3E3;
	padding: 0 5px;
}

.areaIndexFavorite .detail p a:nth-last-child(1) {
	border: none;
}


/*当前位置组件*/

.areaLocation .detail {
	background-repeat: no-repeat;
	background-position: center;
}

.areaLocation .arrowImg {
	width: auto;
}

.areaLocation span:last-child .arrowImg {
	display: none;
}


/*在线地图组件*/

.areaMap {
	width: 100%;
	min-height: 100px;
	height: 100%;
}

.areaMap .map {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #E3E3E3;
}


/*文章列表组件*/

.articleScrap .detail ul .oneLi:first-child {
	display: none;
}

.articleScrap .detail ul.styletwo li img {
	width: 95%;
	margin: 0 auto;
}

.articleScrap .detail ul.stylethree li {
	margin-bottom: 15px;
	overflow: hidden;
}

.articleScrap .detail ul.stylethree li img {
	width: 30%;
	margin: 0 auto;
	float: left;
}

.articleScrap .detail ul.stylethree li .text {
	float: left;
	width: 68%;
	margin-left: 2%;
}

.articleScrap .detail ul li a {
	color: #666666;
}

.articleScrap .detail ul li .text {
	box-sizing: border-box;
}

.articleScrap .detail .firstAticle {
	clear: both;
	overflow: hidden;
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: 17px;
}

.articleScrap .detail .firstAticle .imgLeft {
	float: left;
	width: 30%;
}

.articleScrap .detail .firstAticle .time {
	text-align: right;
	display: inline-block;
	line-height: 34px;
}

.articleScrap .detail .firstAticle .text .title {
	font-size: 22px;
	color: #000;
	width: 80%;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
}

.articleScrap .detail .firstAticle .imgLeft img {
	width: 100%;
}

.articleScrap .detail .firstAticle .text {
	float: right;
	width: 67%;
}

.articleScrap .detail .firstAticle .text .describe {
	overflow: hidden;
	/*height: 44px;*/
	line-height: 22px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.articleScrap .detail .styleone .articleLi,
.articleScrap .detail .stylethree .articleLi,
.articleScrap .detail .stylefive .articleLi,
.articleScrap .detail .stylefour .articleLi {
	border-bottom: 1px dashed #e5e5e5;
	margin: 0;
}

.articleScrap .detail .styleone .articleLi .title,
.articleScrap .detail .stylethree .articleLi .title,
.articleScrap .detail .stylefive .articleLi .title,
.articleScrap .detail .stylefour .articleLi .title {
	font-weight: normal;
}

.articleScrap .detail .styleone .articleLi:last-child,
.articleScrap .detail .stylethree .articleLi:last-child,
.articleScrap .detail .stylefive .articleLi:last-child,
.articleScrap .detail .stylefour .articleLi:last-child {
	border: none !important;
}

.articleScrap .detail .styletwo .articleLi {
	border: 1px solid #e5e5e5;
	margin: 15px 7px;
	box-sizing: content-box;
	display: inline-block;
	float: none;
	vertical-align: top;
}

.articleScrap .detail .styletwo .articleLi .title {
	font-weight: normal;
}

.articleScrap .detail .stylethree .articleLi {
	margin-top: 17px;
	margin-bottom: 15px;
}

.articleScrap .detail .stylethree .articleLi .text {
	max-width: 80% !important;
	float: right;
}

.articleScrap .detail .stylethree .articleLi .time1 {
	float: left;
	margin-right: 10px;
}

.articleScrap .detail .stylethree .articleLi .time1 em {
	display: block;
	padding: 0 10px;
	border-top: 1px solid #ccc;
}

.articleScrap .detail .stylethree .articleLi .time4 em {
	border-top: none;
}

.articleScrap .detail .stylethree .articleLi .time4 {
	border: 1px solid #ccc;
}

.articleScrap .detail .stylethree .articleLi .time1 span {
	display: block;
	font-size: 18px;
	text-align: center;
}

.articleScrap .detail .stylethree .articleLi .title {
	font-weight: bold;
	color: #666;
	float: left;
	max-width: 80% !important;
}

.articleScrap .detail .stylethree .articleLi .time {
	text-align: right;
}

.articleScrap .detail .stylefour .articleLi {
	margin: 20px 0 0 0;
}

.articleScrap .detail ul.styletwo .cilec,
.articleScrap .detail ul.stylethree .cilec {
	display: none;
}

.articleScrap .detail ul li {
	position: relative;
	margin-bottom: 10px;
}

.articleScrap .detail ul li .text .title {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.articleScrap .detail ul li .cilec {
	position: absolute;
	width: 6px;
	top: 0px;
	left: -10px;
	height: 6px;
}

.articleScrap .detail ul li .disc {}

.articleScrap .detail ul.stylefive li.disc .cilec {
	top: 7px;
	width: 6px;
	background-color: #333;
	border-radius: 5px;
	height: 6px;
}

.articleScrap .detail ul li.circle .cilec {
	border: 2px solid #333;
	background-color: transparent;
	border-radius: 50%;
}

.articleScrap .detail ul li.square .cilec {
	width: 10px;
	background-color: #333;
	height: 10px;
}

.articleScrap .detail ul li.decimal_zero .cilec {
	width: 18px;
	top: 11px;
	height: 18px;
}

.articleScrap .detail ul li.decimal .cilec {
	width: 18px;
	top: 0;
	height: 18px;
}

.articleScrap .detail ul.stylefour li {
	/*padding-right: 5%;*/
	float: left;
	width: 45%;
}

.articleScrap .detail ul.stylefour li .inlineBlock {
	width: 100%;
}

.articleScrap .detail ul.styleone li .title,
.articleScrap .detail ul.stylefive li .title,
.articleScrap .detail ul.stylefour li .title {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 70%;
}

.articleScrap .detail ul.stylefive li .disc {}

.articleScrap .detail ul.stylefour li .title {
	width: 70%;
}

.articleScrap .detail ul.styleone li .describe,
.articleScrap .detail ul.stylefive li .describe,
.articleScrap .detail ul.stylefour li .describe {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	clear: both;
	-webkit-box-orient: vertical;
}

.articleScrap .detail ul.styleone li .time,
.articleScrap .detail ul.stylefive li .time,
.articleScrap .detail ul.stylefour li .time {
	float: right;
	color: #888;
}

.articleScrap .detail ul.styletwo li {
	float: left;
	/*width: 50%;*/
}

.articleScrap .detail ul li.circle .inlineBlock,
.articleScrap .detail ul li.square .inlineBlock,
.articleScrap .detail ul li.disc .inlineBlock,
.articleScrap .detail ul li.decimal .inlineBlock,
.articleScrap .detail ul li.leading_zero .inlineBlock {
	margin-left: 10px;
}

.articleScrap .detail ul li .text .describe {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: -webkit-box;
	clear: both;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.page {
	margin-top: 20px;
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: hidden;
}

.page p {
	float: left;
	margin-right: 10px;
}

.page p a {
	display: block;
	border-radius: 3px;
	color: #666;
	border: 1px solid #b3b3b3;
	text-decoration: none;
	padding: 2px 10px;
	font-size: 14px;
}

.page p a:hover {
	background: #5874d8;
	color: #FFFFFF;
}


/*新闻滚动公告 */

.announcement {
	height: 40px;
}

.announcement .marquee {
	height: 40px;
	line-height: 40px;
}

.announcement img {
	margin-top: 8px;
}

.announcement img,
.announcement .marquee {
	float: left;
}

.announcement a {
	display: inline-block;
	margin-right: 20px;
}


/*列表多图组件*/

.columnPicture .liDiv {
	position: relative;
	clear: both;
	overflow: hidden;
}

.columnPicture .liDiv .hid {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
}

.imgs {
	border: 1px solid transparent;
}

.columnPicture .liDiv .hid i {
	display: none;
}

.columnPicture .imgHover {
	position: relative;
	transition: 1s;
	transform-style: preserve-3d;
}

.columnPicture .imgHover .front {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(180deg);
}

.columnPicture .imgHover .back {
	/*position: absolute;*/
	top: 0;
	left: 0;
	backface-visibility: hidden;
}

.no_data {
	text-align: center;
	color: #777;
	margin-top: 10px;
}

.detail .no_data img {
	width: 116px;
	height: 109px;
}

.columnPicture .imgHover .hid {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
}

.columnPicture .imgHover .hid i {
	display: none;
}

.columnPicture .imgHover .hid p {
	position: absolute;
	transform: translate(0, -50%);
	width: 96%;
	/*padding: 10px;*/
}

.columnPicture .detail .pW span:last-child {
	display: block;
}

.columnPicture .detail ul {
	clear: both;
	overflow: hidden;
}

.columnPicture .detail .slideUl {
	width: 400%;
}

.columnPicture .detail .styleone li p {
	top: 0;
}

.columnPicture .detail ul li {
	text-align: center;
	overflow: hidden;
	position: relative;
}

.columnPicture .detail ul li img {
	width: 100%;
	position: relative;
}

.columnPicture .detail .hid p {
	display: none;
}

.columnPicture .detail ul li p {
	line-height: 25px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	/*white-space: nowrap;
	padding: 10px;
	text-overflow: ellipsis;*/
}

.columnPicture .threeStyle {
	position: relative;
	overflow: hidden;
}

.columnPicture .threeStyle .item_scroll {
	display: inline-block;
}

.columnPicture .threeStyle .tableBox,
.productShow3 .threeStyle .tableBox {
	position: relative;
	left: 1px;
}

.productShow .threeStyle table,
.columnPicture .threeStyle table,
.columnPicture .threeStyle td,
.productShow .threeStyle td {
	border: none;
}

.marquee-wrap {
	position: relative;
}

.marquee-wrap ul {
	position: absolute;
	left: 0;
	top: 0;
}

.marquee-wrap ul li {
	float: left;
	list-style: none;
}

.marquee-wraps {
	position: relative;
}

.marquee-wraps a:first-child {
	position: absolute;
	left: 0;
	top: 75px;
	z-index: 10;
}

.marquee-wraps a:nth-child(2) {
	position: absolute;
	right: 0;
	top: 75px;
	z-index: 10;
}

.columnPicture .detail .mouseenterOne .hid {
	border: none !important;
}

.columnPicture .detail .mouseenterOne:hover .hid {
	display: none;
}

.columnPicture .detail .mouseenterTwo .imgHover .hid {
	display: none;
	position: static;
	left: 50%;
	top: 50%;
}

.columnPicture .detail .mouseenterTwo:hover .hid {
	display: block;
	/*background: none !important;*/
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.columnPicture .detail .mouseenterTwo:hover .hid p {
	display: none;
}

.columnPicture .detail li .hid img {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.columnPicture .detail .mouseenterThree:hover .hid img {
	display: block;
	width: auto;
}

.columnPicture .detail .mouseenterThree:hover .hid {
	display: block;
	background: rgba(0, 0, 0, 0.7) !important;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.columnPicture .detail li:hover {
	transition: all 0.5s ease;
}

.columnPicture .detail .mouseenterThree:hover .hid p {
	display: none;
}

.columnPicture .detail .mouseenterThree:hover .hid i {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.columnPicture .detail .mouseenterFour:hover .hid {
	border: none !important;
	display: block;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
}

.columnPicture .detail .mouseenterFour:hover .hid p {
	color: #FFFFFF;
	display: block;
}

.columnPicture .detail .mouseenterFive:hover .hid {
	border: none !important;
	display: block;
	top: auto;
	height: 25px;
	line-height: 25px;
}

.columnPicture .detail .mouseenterFive:hover .hid p {
	color: #FFFFFF;
}

.columnPicture .detail ul .mouseenterSix img {
	transition: all 1s;
}

.columnPicture .detail ul .mouseenterSix .colimgHover {
	overflow: hidden;
}

.columnPicture .detail ul .mouseenterSix:hover img {
	transform: scale(1.1);
}

.columnPicture .detail .carousel-wrap {
	width: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
}

.columnPicture .detail .carousel-wrap .width {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.columnPicture .detail .carousel-wrap .slide-ul {
	width: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
}

.columnPicture .detail .carousel-wrap .button span {
	font-size: 24px;
	font-family: "agency fb";
	color: #FFFFFF;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	cursor: pointer;
}

.columnPicture .detail .carousel-wrap .bButton {
	position: absolute;
	left: 50%;
	bottom: -2%;
	transform: translate(-50%, 0);
}

.columnPicture .detail .carousel-wrap .bButton .bottomBtn {
	position: static;
	display: inline-block;
}

.columnPicture .detail .carousel-wrap .bButton .pre1.bottomBtn {
	margin-right: 60px;
}

.columnPicture .detail .carousel-wrap .button .pre1 {
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
}

.columnPicture .detail .carousel-wrap .button .next1 {
	left: auto;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
}


/*相册组件*/

.ma5-close {
	top: 9.4rem !important;
	z-index: 666;
}

.photoM .mouseenterThree img {
	transition: all 1s;
}

.photoM .mouseenterThree:hover img {
	transform: scale(1.1);
}

.photo_model .poho_item {
	float: left;
	overflow: hidden;
}

.art_bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.6);
}

.sm_big_drt {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.sm_big_outer {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: auto 0;
}

.sm_big_nr {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.arrow {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 48%;
	padding: 10px;
	z-index: 99;
	transform: translate(0px, -50%);
	display: block;
	box-sizing: border-box;
}

.sm_big_inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.sm_big_inner .ph_iem {
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.sm_big_drt .lort_l {
	float: left;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	background-image: url(https://img.xiaohucloud.com/static/image/pre.png);
	background-position: center center;
}

.sm_big_drt .lort_r {
	float: right;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	background-image: url(https://img.xiaohucloud.com/static/image/next.png);
	background-position: center center;
}


/*图文展示组件*/

.graphic .detail {
	clear: both;
	overflow: hidden;
}

.graphic .detail .text {
	box-sizing: border-box;
}

.graphic .detail .text p {
	line-height: 1.8;
}

.graphic .detail .txtCenter {
	width: 100%;
	text-align: center;
}

.graphic .detail .more {
	float: right;
	color: #409EFF;
	text-decoration: none;
}


/*留言提交组件*/

.msgSubmit .text span.tit {
	float: left;
	width: 20%;
}

.msgSubmit .text span.area {
	width: 65px;
	position: absolute;
}

.msgSubmit .msgTwoStyle .text textarea {
	text-indent: 46px;
	line-height: 28px;
	width: 100%;
	overflow: hidden;
}

.msgSubmit .detail button {
	text-align: center;
	font-size: 16px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
}

.msgSubmit .el-button+.el-button {
	margin-left: 0;
	margin-top: 10px;
}

.msgSubmit .detail p {
	margin-bottom: 10px;
}

.msgSubmit .detail p span,
.msgSubmit .detail .text span {
	display: block;
}

.msgSubmit .detail p em {
	color: red;
	margin: 5px 10px;
}

.msgSubmit .ver span img {
	width: 65px;
	cursor: pointer;
	height: 30px;
}

.msgSubmit .detail p input,
.msgSubmit .detail p textarea {
	border: 1px solid #ccc;
}

.msgSubmit .detail .btn {
	clear: both;
	text-align: center;
}

.msgSubmit .detail .msgOneStyle input {
	box-sizing: border-box;
	display: block;
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin: 5px 10px 15px 0;
}

.msgSubmit .msgOneStyle .text textarea {
	width: 608px;
	line-height: 28px;
	display: block;
	margin-top: 5px;
	overflow: hidden;
}

.msgSubmit .detail .msgOneStyle {}

.msgSubmit .detail .msgTwoStyle {
	position: relative;
}

.msgSubmit .detail .msgTwoStyle .information {
	clear: both;
	overflow: hidden;
}

.msgSubmit .detail .msgTwoStyle .information .tit,
.msgSubmit .detail .msgTwoStyle .information input {
	float: left;
	line-height: 40px;
}

.msgSubmit .detail .msgTwoStyle .information div {
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border: 1px solid #ccc;
	margin: 0 10px 15px 0;
}

.msgSubmit .detail .msgTwoStyle .information .tit {
	width: 100px;
	text-align: right;
}

.msgSubmit span.tit {
	display: none;
}

.msgSubmit .show_title span {
	display: block;
}

.msgSubmit .detail .msgTwoStyle .information input {
	width: 215px;
}

.msgSubmit .detail .msgTwoStyle .information .text {
	height: 120px;
	line-height: 30px;
}

.msgSubmit .detail .msgTwoStyle .information .text span {
	vertical-align: top;
}

.msgSubmit .detail .msgTwoStyle .information .text textarea {
	height: 100%;
	width: 680px;
}

.msgSubmit .detail .msgTwoStyle .information .ver {
	border: none;
	top: 120px;
}

.msgSubmit .detail .msgTwoStyle .information .ver input {
	border: 1px solid #ccc;
	line-height: 38px;
	height: 38px;
	width: 120px;
	margin-right: 3%;
}

.msgSubmit .detail .msgTwoStyle .btn {
	width: 50%;
	margin: 0 auto;
	margin-top: 2%;
}


/*轮播多图组件*/

.newDes {
	position: relative;
}

.newDes .articleContent {
	padding-top: 20px;
}

.newDes .con_mtit {
	margin-top: 10px;
}

.newDes .con_mtit .imt {
	display: inline-block;
	margin-right: 10px;
}

.newDes .next {
	padding-bottom: 30px;
}

.multiCarousel .carousel-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.multiCarousel .swiper-slide img {
	width: 100% !important;
	position: relative;
}

.multiCarousel .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	color: #fff;
}

.multiCarousel .set_det {
	border-radius: 0;
}

.multiCarousel .carousel-wrap .active {
	background: #2D64B3;
	color: #fff;
}

.multiCarousel .slide-ul {
	width: 100%;
	position: absolute;
	height: 100%;
}

.multiCarousel .slide-ul li {
	/*float: left;*/
}

.multiCarousel .slide-ul li img {
	width: 100%;
	/*height: 100%;*/
}

.multiCarousel .slide-ul li .txt img {
	width: auto;
	/*height: 100%;*/
}

.multiCarousel .txt {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	width: 100%;
}

.multiCarousel .carousel-items span {
	display: inline-block;
	height: 6px;
	width: 30px;
	margin: 0 3px;
	background-color: #FFFFFF;
	cursor: pointer;
}

.multiCarousel .carousel-items .active {
	background-color: #2D64B3;
	color: #fff;
}

.multiCarousel .bot-img {
	position: absolute;
	height: 60px;
	right: 10px;
	bottom: 10px;
}

.multiCarousel .bot-img ul {
	height: 60px;
}

.multiCarousel .bot-img li {
	float: right;
}

.multiCarousel .bot-img li img {
	width: 60px;
	height: 60px;
}

.multiCarousel .list-enter-to {
	transition: all 1s ease;
	transform: translateX(0);
}

.multiCarousel .list-leave-active {
	transition: all 1s ease;
	transform: translateX(-100%);
}

.multiCarousel .list-enter {
	transform: translateX(100%);
}

.multiCarousel .list-leave {
	transform: translateX(0);
}


/*产品搜索组件*/

.productSearch .detail {
	clear: both;
}

.productSearch .detail.pos2 {
	background-color: #f5f5f5;
	padding: 20px;
	position: absolute;
	border: none;
	left: -300px;
	top: 37px;
}

.productSearch .search_inner {
	overflow: hidden;
	border-style: solid;
}

.productSearch .detail.pos2 button {
	background-color: rgba(241, 115, 6, 1);
	padding: 0 10px;
}

.productSearch .detail.pos2 button i {
	color: #fff;
}

.productSearch .detail input {
	width: 70%;
	height: 30px;
	float: left;
	padding-left: 10px;
}

.productSearch .smart_tips {
	position: absolute;
	z-index: 6666666;
	background: #fff;
	display: none;
	max-height: 300px;
	overflow: auto;
	top: 37px;
	width: 300px;
  margin-top: 20px;
}
.productSearch .search_inner:hover .smart_tips {
	display: block;
}
.productSearch .smart_tips ul {

}
.productSearch .smart_tips li{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
  overflow: hidden;
  padding-right: 3px;
  padding-top: 5px;
}
.productSearch .smart_tips li em {
	display: inline-block;
    width: 16px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    background-color: #0c449b;
    color: #fff;
    margin-right: 8px;
}
.productSearch .smart_tips li:hover span {
	color: #0c449b;
}

.productSearch .detail button {
	width: 18%;
	float: right;
}

.productSearch .detail button span {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 30%;
	font-size: 18px;
}

.keyword {
	margin: 10px;
}

.keyword span {
	display: inline-block;
	padding-right: 20px;
}

.productSearch .detail button {}


/*产品展示组件*/

.productShow .detail ul {
	clear: both;
	overflow: hidden;
}

.productShow .detail ul li {
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.productShow .detail ul li {}

.productShow .detail .oneUl li:hover {
	transition: all 0.5s ease;
}

.productShow .detail ul li .pdsRelative {
	position: relative;
}

.productDes .three .image_text textarea {
	overflow: auto;
	height: 200px;
	max-height: 250px;
	width: 100%;
}

.hove_con .detail .carousel-wrap .bButton {
	position: absolute;
	left: 50%;
	bottom: -2%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.hove_con .detail .carousel-wrap .button .pre1,
.hove_con .detail .carousel-wrap .bButton .pre1 {
	left: 0px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.hove_con .detail .carousel-wrap .button .bottomBtn,
.hove_con .detail .carousel-wrap .bButton .bottomBtn {
	position: static;
	display: inline-block;
}

.productShowP .detail ul li .fg_img {
	width: 160px;
	height: 160px;
}

.productShow .detail ul li img {
	height: auto;
	width: 100%;
	position: relative;
}

.productShow .detail ul li p {
	line-height: 25px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.productShow .detail ul li .hid {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 0.5s ease;
}

.productShow .detail ul .mouseenterOne .hid {
	/*border:none !important;*/
}

.productShow .detail ul li .hid i {
	display: none;
}

.productShow .detail ul .mouseenterOne:hover .hid {
	display: none;
}

.productShow .detail ul .mouseenterTwo .hid {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-width: 1px;
}

.productShow .detail ul .mouseenterTwo:hover .hid {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.productShow .detail ul .mouseenterTwo:hover .hid p {
	display: none;
}

.productShow .detail ul li .hid img {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.productShow .detail ul li .hid p {
	width: 0;
	white-space: normal;
}

.productShow .detail ul .mouseenterThree:hover .hid img {
	display: block;
}

.productShow .detail ul .mouseenterThree:hover .hid {
	border: none !important;
	/*left: 33%;
	right: 33%;
	top: 25%;
	bottom:25%;*/
	display: block;
	background: rgba(0, 0, 0, 0.7) !important;
	border-radius: 100%;
	transition: all 0.5s ease;
}

.productShow .detail ul .mouseenterThree:hover .hid p {
	display: none;
}

.productShow .detail ul .mouseenterThree:hover .hid i {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.productShow .detail ul .mouseenterFour:hover .hid {
	border: none !important;
	display: block;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	padding-top: 30%;
}

.productShow .detail ul .mouseenterFour .hid p {
	width: 0;
	white-space: normal;
}

.productShow .detail ul .mouseenterFive img {
	transition: all 1s;
}

.productShow .detail ul .mouseenterFive .pdsRelative {
	overflow: hidden;
}

.productShow .detail ul .mouseenterFive:hover img {
	transform: scale(1.1);
}

.productShow .detail ul .mouseenterFour:hover .hid p {
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.productShow .carousel-wrap {
	width: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
}

.productShow .carousel-wrap .width {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.productShow .carousel-wrap .width .slideUl {
	width: 1430%;
}

.productShow .carousel-wrap .slide-ul {
	width: auto;
	overflow: hidden;
	position: relative;
}

.productShow .carousel-wrap .button span {
	display: block;
	position: absolute;
}

.productShow .carousel-wrap .button .pre1 {
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
}

.productShow .carousel-wrap .button .next1 {
	left: auto;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
}


/*
	.productShow .page {
		margin-top: 10px;
		display: table;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.productShow .page p {
		float: left;
		margin-right: 10px;
	}

	.productShow .page p a {
		display: block;
		border-radius: 3px;
		color: #666;
		border: 1px solid #b3b3b3;
		text-decoration: none;
		padding: 2px 10px;
		font-size: 14px;
	}

	.productShow .page p a:hover {
		background: #5874d8;
		color: #FFFFFF;
	}

	*/

.productShow .detail .oneUl li {}


/*.productShow .detail .oneUl li img:first-child {
		width: 160px;
		height: 160px;
	}
	*/

.productShow .detail .styleone li .pdsRelative {
	margin-bottom: 10px;
}

.productShow .detail .stylefour li p {
	width: auto;
	padding: 10px;
}

.productShow .detail .stylefive li {
	width: 100%;
	margin-bottom: 30px;
}

.productShow .detail .stylefive li .pdsRelative {
	margin-right: 10px;
}

.productShow .detail .stylefive li p {
	white-space: normal;
	/*width: 60%;*/
}

.productShow .detail .carousel-wrap li {
	margin: 0 5px;
}

.productShow .detail .carousel-wrap li img {
	width: 160px;
	height: 160px;
	margin-bottom: 10px;
}

.productShow .detail .threeStyle .old td,
.productShow .detail .threeStyle .new td {
	padding-right: 30px;
}

.productShow .detail .threeStyle .old td img,
.productShow .detail .threeStyle .new td img {
	width: 160px;
	height: 160px;
	margin-bottom: 10px;
}


/*产品详情*/

.productDes .detail .borderP {
	border-bottom: 1px solid #ccc;
	width: 100%;
	margin-bottom: 30px;
}

.productDes_five_model .bottomDet {
	float: left;
	clear: inherit !important;
	width: 50%;
}

.productDes_five_model .next {
	clear: both;
}

.productDes .detail .borderP .borRed {
	color: red;
	display: inline-block;
	border-bottom: 1px solid red;
	padding: 20px;
	font-size: 18px;
}

.productDes .detail .oneDes {
	margin: 20px 0;
}

.productDes .oneDes p {
	text-align: center;
	border-bottom: none;
	margin-bottom: 0;
}

.productDes_five_model .oneDes p {
	text-align: left;
}

.productDes .detail .detRight {
	width: 50%;
	margin-left: 30px;
}

.productDes .detail .detRight p .boldStyle {
	font-size: 22px;
	font-weight: bold;
}

.productDes .detail .btn {
	margin: 20px 0;
	text-align: center;
}

.productDes .detail .btn button {
	margin-right: 20px;
}

.productDes .detail .bottomDet {
	margin-top: 30px;
	clear: both;
}

.productDes .detail .bottomDet .borderP span {
	color: red;
	font-size: 16px;
	display: inline-block;
	padding: 10px 20px;
	border-top: 2px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;
	position: relative;
}

.productDes .detail .bottomDet p span i {
	position: absolute;
	display: block;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #fff;
}

.productDes .detail .imgs {
	width: 400px;
	height: 400px;
}

.productDes .detail .imgsBox {
	position: relative;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.h_chanmenu {
	width: 100%;
}

.h_chanmenu li:first-child {
	/*border-left: 1px solid #014a7f;*/
}

.h_chanmenu li {
	float: left;
	width: 24%;
	text-align: center;
	color: #014a7f;
	font-size: 16px;
	font-family: "微软雅黑";
	letter-spacing: 1px;
	line-height: 36px;
	/*border-top: 1px solid #014a7f;
		border-bottom: 1px solid #014a7f;
		border-right: 1px solid #014a7f;*/
	cursor: pointer;
	box-sizing: border-box;
}

.h_chanmenu .active {
	background-color: #014a7f;
	color: #fff;
}

.h_chanmenucon {
	width: 100%;
}

.h_chanmenucon li.conli {
	display: none;
}

.h_chanmenucon li.show {
	display: block;
}

.productDes .detail .divMove {
	padding: 0 10px;
	position: relative;
	width: 410px;
}

.productDes .detail .divMove .preImg {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	cursor: pointer;
}

.productDes .detail .divMove .nextImg {
	position: absolute;
	top: 50%;
	right: 0;
	cursor: pointer;
}

.productDes .detail .divMove img {
	margin: 0 auto;
	display: block;
	width: auto;
}

#emoji_container_1 {
	z-index: 444444;
}

.productDes .detail .two .divMove {
	margin: 0 auto;
}

.productDes .detail .two .image {
	text-align: center;
}

.productDes .detail .two .image .imgsBox button {
	right: 33.5%;
}

.productDes .detail .two .image .imgs {
	width: 400px;
	height: 400px;
}

.productDes .detail .two .image .imgDivList {
	margin: 0 auto;
}

.productDes .detail .two .image .oneDes p {
	text-align: center;
}

.productDes .detail .imgDivList {
	width: 385px;
	height: 96px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.productDes .detail .imgDivList .moveImg {
	position: absolute;
	left: 0;
	top: 0;
	height: 96px;
}

.productDes .detail .imgDivList img {
	width: 86px;
	height: 86px;
	margin: 5px 3px;
}

.productDes .detail .imgDivList span {
	position: relative;
	display: inline-block;
}

.productDes .detail h3 {
	text-align: center;
}

.productDes .detail .topDet {
	padding-left: 10px;
}

.productDes .detail .five .topDet .divMove {
	width: 96px;
}

.productDes .detail .five .topDet .divMove .preImg {
	position: static;
}

.productDes .detail .five .topDet .divMove .nextImg {
	position: static;
}

.productDes .detail .five .topDet .imgDivList {
	width: 96px;
	height: 404px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-right: 20px;
}

.productDes .detail .five .topDet .imgDivList .moveImg {
	position: absolute;
	left: 0;
	top: 0;
	height: 96px;
}

.productDes .detail .five .topDet .imgDivList img {
	width: 86px;
	height: 86px;
	margin: 5px;
}

.productDes .detail .five .topDet .imgDivList span {
	position: relative;
	display: inline-block;
}

.productDes .detail .five .topDet .imgLeft .btn button {
	border: 1px solid #ccc;
	border-radius: 16px;
	padding: 5px 10px;
}

.productDes .detail .five .bottomDet .borderP {
	border: 1px solid #ccc;
}

.productDes .detail .five .bottomDet .borderP span {
	display: inline-block;
	padding: 10px 30px;
	color: red;
	border-right: 1px solid #ccc;
	border-left: none;
	position: relative;
}

.productDes .detail .five .bottomDet .borderP span i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	border-top: 3px solid red;
}

.productDes .detail .five .bottomDet .msgDiv {
	border: 1px solid #ccc;
}

.productDes .detail .five .bottomDet .msgDiv p span {
	background: #ddd;
	border: none;
	color: #000;
	border-right: 1px solid #ccc;
}

.productDes .detail .five .bottomDet .msgDiv p .valueB {
	background: #fff;
	border-right: none;
}


/*在线客服组件*/

.serviceOnline .detail p.title {
	clear: both;
	overflow: hidden;
}

.serviceOnline .detail .title {
	font-weight: bold;
	border-bottom: 1px dashed #E3E3E3;
	font-size: 16px;
	color: #888888;
	line-height: 35px;
	margin-top: 10px;
}

.serviceOnline .detail ul {
	clear: both;
}

.serviceOnline .detail ul li {
	width: auto;
}

.serviceOnline .detail .text {
	color: #888888;
	line-height: 30px;
	margin-left: 20px;
}

.serviceOnline .detail .text img {
	margin-right: 5px;
}

.serviceOnline .detail .text span {
	margin-right: 10px;
}

.serviceOnline .floating_ck {
	/*
	position: fixed;
	right: 10px;
	top: 45%;*/
}

.serviceOnline .floating_ck dl dd {
	position: relative;
	width: 115px;
	height: 80px;
	background-color: #808080;
	border-bottom: solid 1px #757575;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20%;
	cursor: pointer;
}

.serviceOnline .floating_ck dl dd.en {
	width: 115px;
}

.serviceOnline .floating_ck dl dd:hover {
	background-color: #222;
}

.serviceOnline .floating_ck dl dd:hover .floating_left {
	display: block;
}

.serviceOnline .floating_ck .consult {
	background-image: url(https://img.xiaohucloud.com/static/image/icon0701/kficon.png);
}

.serviceOnline .floating_ck .words {
	background-image: url(https://img.xiaohucloud.com/static/image/icon0701/zxicon.png);
}

.serviceOnline .floating_ck .quote {
	background-image: url(https://img.xiaohucloud.com/static/image/icon0701/kficon.png);
}

.serviceOnline .floating_ck .qrcord {
	background-image: url(https://img.xiaohucloud.com/static/image/icon0701/erweima.png);
}

.serviceOnline .floating_ck .returnTop {
	background-image: url(https://img.xiaohucloud.com/static/image/icon0701/fanhui.png);
}

.serviceOnline .floating_ck dd span {
	color: #fff;
	display: block;
	padding-top: 52px;
	font-family: "微软雅黑";
	font-size: 12px;
}

.serviceOnline .ser_online span {
	margin-top: 8px;
	padding-top: 0 !important;
}

.serviceOnline .floating_ck .floating_left {
	position: absolute;
	left: -130px;
	top: 0px;
	width: 130px;
	height: 70px;
	background-color: #222;
	display: none;
}

.serviceOnline .floating_ck .floating_left a {
	color: #fff;
	line-height: 70px;
	font-family: "微软雅黑";
	font-size: 14px;
}

.serviceOnline .floating_ck .floating_ewm,
.serviceOnline .floating_ck .floating_ewm2 {
	height: 170px;
	top: -100px;
}

.serviceOnline .floating_ck .floating_ewm img,
.serviceOnline .floating_ck .floating_ewm2 img {
	display: block;
	width: 90px;
	height: 90px;
	margin: auto;
	margin-top: 15px;
}

.serviceOnline .floating_ck .floating_ewm p,
.serviceOnline .floating_ck .floating_ewm2 p {
	color: #fff;
	margin-top: 5px;
}

.serviceOnline .floating_ck .qrcord_p01 {
	font-size: 12px;
	line-height: 20px;
	font-family: "微软雅黑";
}

.serviceOnline .floating_ck .qrcord_p02 {
	font-size: 18px;
	font-family: "微软雅黑";
}

.serviceOnline .dt_com {
	position: fixed;
	right: 325px;
	top: 200px;
	width: 335px;
	display: none;
	box-shadow: 1px 1px 6px #666;
}

.serviceOnline .dt_com .art_head {
	height: 40px;
	background-color: #007AFF;
}

.serviceOnline .dt_com.big_fcon .art_head {
	height: 60px;
}

.serviceOnline .dt_com .art_head img {
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

.serviceOnline .dt_com .art_com {
	float: right;
	margin: 6px;
}

.serviceOnline .dt_com.big_fcon .art_com {
	margin: 17px;
}

.serviceOnline .dt_com .art_icon {
	width: 11px;
	height: 11px;
	background-image: url(https://img.xiaohucloud.com/static/image/img/bgGroup.png);
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 5px;
}

.serviceOnline .dt_com .min_ft {
	background: 0 0;
	color: #fff;
	font-weight: 700;
	margin-top: -10px;
	width: 13px;
}

.serviceOnline .red_icon {
	background-color: red;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 15px;
	top: 10px;
	display: none;
	border-radius: 10px;
}

.serviceOnline .img_icon {
	width: 38px;
	height: 38px;
	margin-top: 8px;
}

.serviceOnline .dt_com .big_ft {
	background-position: -661px 0;
}

.serviceOnline .dt_com .close_ft {
	background-position: -2474px 0;
}

.serviceOnline .dt_com .tit {
	padding: 3px;
	color: #fff;
	display: inline-block;
}

.serviceOnline .dt_com.big_fcon .tit {
	padding: 11px;
}

.ui_show {
	width: auto;
	overflow: auto;
	overflow-x: hidden;
	min-height: 296px;
	background: #fafdff;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	font-size: 12px;
}

.more_horstry,
.no_hor_try {
	text-align: center;
	cursor: pointer;
}

.magBox .leftName {
	width: 100%;
	font-size: 12px;
	color: #b6bebf;
	margin-bottom: 2px;
}

.magBox .tj_icon {
	margin-right: 10px;
}

.magBox .time {
	font-size: 12px;
	color: #ccc;
	position: relative;
	top: 10px;
	text-align: center;
}

.magBox .txt {
	line-height: 30px;
}

.leftMsg .txt {
	width: 82%;
}

.msgDiv .msgText {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	display: inline-block;
}

.magBox .msgDiv {
	position: relative;
	padding: 10px;
	background-color: #e9f0ef;
	border-radius: 2px;
	display: inline-block;
	max-width: 80%;
	color: #555;
	word-wrap: break-word;
	min-height: 20px;
	width: auto;
}

.magBox .msgDiv img.sh_img {
	width: 100%;
}

.leftMsg .msgDiv:before {
	left: -12px;
	border-width: 0 12px 12px 0;
}


/*.big_coj #mb_tit{
		display: none !important;
	}
	.big_coj #mb_ico{
		position:fixed !important;
	}
	.big_coj#mb_con {
	    width: 100% !important;
	    overflow: auto;
	    height: 100% !important;
	    top:0 !important;
	    left:0 !important;
	}
	.big_coj#mb_con img{
		width: auto !important;
	}*/

.leftMsg .msgDiv:before,
.rightMsg .msgDiv:before {
	width: 0;
	position: absolute;
	top: 12px;
	border-style: solid;
	border-color: transparent #f0f0f0;
	content: "";
}

.rightMsg .msgDiv {
	float: right;
	color: #f0f0f0;
	position: relative;
	text-align: left;
}

.rightMsg .msgDiv {
	background: #13c9cb;
	margin-top: 32px;
}

.rightMsg .msgDiv {
	float: right;
	color: #f0f0f0;
	position: relative;
	text-align: left;
}

.rightMsg .msgDiv:before {
	right: -12px;
	border-width: 0 0 12px 12px;
}

.rightMsg .msgDiv::before {
	border-color: transparent #13c9cb;
}

.serviceOnline .ui_show {
	height: 300px;
	width: 100%;
}

.serviceOnline .ui_show .load_ing {
	text-align: center;
	display: none;
}

.serviceOnline .tj_icon {
	width: 38px;
	height: 38px;
}

.serviceOnline .tj_icon img {
	width: 100%;
	height: 100%;
}

.serviceOnline .atriv_con {
	height: 30px;
	border-top: 1px solid #cecece;
}

.serviceOnline .atriv_con .file_load {
	background: url("https://img.xiaohucloud.com/static/image/img/bgGroup.png") no-repeat -132px 0;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

.serviceOnline .atriv_con .face_load {
	background: url("https://img.xiaohucloud.com/static/image/img/bgGroup.png") no-repeat -40px 7px;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	top: 2px;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

.serviceOnline .tnf_con {
	display: block;
	overflow: auto;
	outline: none;
	text-align: left;
	padding: 0 5px;
	width: 100%;
	height: 100px;
}

.serviceOnline .dt_com .msg_ft {
	display: none;
	background-position: -581px 0;
}

.serviceOnline .dt_com.min_con .msg_ft,
.serviceOnline .dt_com.big_fcon .msg_ft {
	display: inline-block;
}

.serviceOnline .dt_com.min_con {
	width: 70px;
	top: auto !important;
	left: auto !important;
	right: 200px !important;
	bottom: 5px;
}

.serviceOnline .dt_com.min_con .min_ft,
.serviceOnline .dt_com.min_con .tit,
.serviceOnline .dt_com.min_con .in_ner,
.serviceOnline .dt_com.min_con .btn,
.serviceOnline .dt_com.big_fcon .big_ft {
	display: none;
}

.serviceOnline .dt_com.big_fcon .msg_ft {
	display: inline-block;
}

.serviceOnline .dt_com.big_fcon,
.serviceOnline .dt_com.big_fcon .msg_bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.serviceOnline .dt_com.big_fcon .msg_bg {
	background-color: rgba(0, 0, 0, 0.6);
}

.serviceOnline .dt_com.big_fcon .ui_show {
	height: 395px;
}

.serviceOnline .msg_win {
	background-color: #fff;
}

.serviceOnline .dt_com.big_fcon .msg_win {
	width: 700px;
	height: 630px;
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -350px;
	position: absolute;
}

.btn_tg {
	text-align: right;
}

.serviceOnline .btn_aty {
	padding: 6px 15px;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 4px;
	background-color: #007AFF;
}

.keifu {
	width: 131px;
}

.keifu_tab {
	width: 160px;
}

.icon_keifu {
	width: 26px;
	height: 100px;
	float: left;
	background: url(https://demo.lanrenzhijia.com/2014/service1027/images/keifu.png) 0 0;
	position: relative;
	display: none;
	cursor: pointer;
}

.keifu_box {
	float: left;
	width: 131px;
}

.keifu_tab img {
	display: block;
}

.keifu_head {
	width: 131px;
	height: 41px;
	background: url(https://img.xiaohucloud.com/static/image/keifu.png);
	background-position: 0 -103px;
	font-size: 0;
	line-height: 0;
	position: relative;
}

.keifu_close:link,
.keifu_close:visited {
	display: block;
	width: 11px;
	height: 11px;
	background: url(https://img.xiaohucloud.com/static/image/keifu.png) -42px 0;
	position: absolute;
	top: 5px;
	right: 5px;
}

.keifu_close:hover {
	background-position: -60px 0;
}

.keifu_con {
	border-left: 7px solid #029bdb;
	border-right: 7px solid #029bdb;
	padding-top: 15px;
	background: #fbfbfb;
}

.keifu_con li {
	height: 33px;
	padding-left: 12px;
}

.keifu_con .weixin {
	height: 96px;
}

.keifu_con .bt {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 0 0 20px;
	color: #012646;
}

.keifu_bot {
	width: 131px;
	height: 119px;
	background: url(https://img.xiaohucloud.com/static/image/keifu.png);
	background-position: 0 -149px;
}

@font-face {
	font-family: 'icomoon';
	src: url('/static/fonts/icomoon.eot?qradjf');
	src: url('/static/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'), url('/static/fonts/icomoon.ttf?qradjf') format('truetype'), url('/static/fonts/icomoon.woff?qradjf') format('woff'), url('/static/fonts/icomoon.svg?qradjf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.demo-icon {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 24px;
	color: #999;
}


/*new right*/

.cndns-right {}

.cndns-right-meau {
	position: relative;
}

.cndns-right-btn {
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	text-align: center;
	display: block;
	margin-bottom: 6px;
	position: relative;
	background-color: #fff
}

.cndns-right-btn span {
	color: #848484;
	font-size: 26px;
	line-height: 48px;
}

.cndns-right-btn sup {
	display: block;
	min-width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	border-radius: 50%;
	background-color: #ff6800;
	position: absolute;
	left: -12px;
	top: -12px;
}

.cndns-right-btn p {
	color: #ff6800;
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
	display: none;
}

.cndns-right-meau:hover .cndns-right-btn span {
	display: none
}

.cndns-right-meau:hover .cndns-right-btn p {
	display: block;
}

.meau-car .cndns-right-btn {
	border-color: #ff6800;
	margin-bottom: 20px;
}

.meau-car.cndns-right-meau:hover .cndns-right-btn {
	background-color: #ff6800
}

.meau-car.cndns-right-meau:hover .cndns-right-btn span {
	color: #fff;
	display: block;
}

.meau-car .cndns-right-btn span {
	color: #ff6800;
}

.meau-sev .cndns-right-btn {
	border-color: #ff6800;
	background: url(https://img.xiaohucloud.com/static/image/img/02index-banner-8.gif) no-repeat #ff6800 center;
}

.meau-sev.meau-online .cndns-right-btn {
	border-color: #ddd;
	background: url(https://img.xiaohucloud.com/static/image/icon0701/online.png) no-repeat #fff center;
}

.meau-sev .cndns-right-btn p {
	color: #fff
}

.meau-sev .cndns-right-btn span {
	color: #fff
}

.meau-top .cndns-right-btn span {
	font-size: 12px;
	line-height: 12px;
	padding-top: 10px;
	display: block
}

.meau-top .cndns-right-btn i {
	display: block;
	color: #999
}

.meau-top.cndns-right-meau:hover .cndns-right-btn {
	background-color: #ff6800
}

.meau-top.cndns-right-meau:hover .cndns-right-btn span {
	display: block;
	color: #fff
}

.meau-top.cndns-right-meau:hover .cndns-right-btn i {
	color: #fff;
}

.cndns-right-box {
	position: absolute;
	top: -15px;
	right: 48px;
	padding-right: 25px;
	display: none;
}

.cndns-right-box .box-border {
	border: 1px solid #ccc;
	border-top: 4px solid #ff6800;
	padding: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	position: relative
}

.cndns-right-box .box-border .arrow-right {
	display: block;
	width: 13px;
	height: 16px;
	background: url(https://img.xiaohucloud.com/static/image/img/arrow.png) no-repeat;
	position: absolute;
	right: -13px;
	top: 26px;
}

.cndns-right-box .box-border .sev-t span {
	font-size: 42px;
	float: left;
	display: block;
	line-height: 56px;
	margin-right: 20px;
	color: #d3d3d3
}

.cndns-right-box .box-border .sev-t p {
	float: left;
	color: #ff6800;
	font-size: 14px;
	line-height: 28px;
	width: 220px;
}

.cndns-right-box .box-border .sev-t p i {
	display: block;
	font-size: 14px;
	color: #aaa;
}

.sev-t img {
	width: 100%;
	height: 100%;
}

.cndns-right-box .box-border .sev-b {
	padding-top: 15px;
	margin-top: 15px;
	overflow: auto;
	border-top: 1px solid #e4e4e4
}

.cndns-right-box .box-border .sev-b h4 {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
}

.cndns-right-box .box-border .sev-b li {
	float: left;
	width: 33.33333%
}

.cndns-right-box .box-border .sev-b li a {
	display: inline-block;
	color: #999;
	font-size: 13px;
	padding-left: 43px;
	background: url(https://img.xiaohucloud.com/static/image/img/q1.gif) no-repeat left 3px;
	line-height: 36px;
}

.cndns-right-box .box-border .sev-b li a:hover {
	color: #ff6800
}

.meau-sev .cndns-right-box .box-border {
	width: 430px;
}

.meau-contact .cndns-right-box .box-border {
	width: 285px;
}

.cndns-right-meau:hover .cndns-right-box {
	display: block
}

.meau-code .cndns-right-box {
	top: inherit;
	bottom: -35px;
}

.meau-code .cndns-right-box .box-border {
	width: 156px;
	text-align: center;
	border-top: 1px solid #ccc;
}

.meau-code .cndns-right-box .box-border i {
	display: block;
	color: #f66e06;
	font-size: 16px;
	line-height: 16px;
}

.meau-code .cndns-right-box .box-border .arrow-right {
	top: inherit;
	bottom: 50px;
}

.meau-sev .cndns-right-btn .demo-icon {
	display: none;
}

.meau-sev:hover .cndns-right-btn {
	background: #ff6800
}

.meau-zs .cndns-right-btn {
	background-color: #ff6800;
	color: #fff;
	margin-top: 80px;
	border-color: #ff6800
}

.meau-zs .cndns-right-btn span {
	color: #fff
}

.meau-zs .cndns-right-btn p {
	color: #fff
}

.meau-online .box-border {
	padding: 10px;
}

.meau-online .online-t {
	float: left;
	cursor: pointer;
	margin-bottom: 10px;
	margin-left: 10px;
}

.meau-online .cndns-right-box .box-border {
	width: 250px;
	padding: 10px 5px 0;
}

.meau-online .online-t img {
	width: 40px;
	margin-right: 10px;
	border-radius: 30px;
}

.meau-online .online-t i {
	display: inline-block;
	width: 60px;
}

.ui_show::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f1f1f1;
}

.ui_show::-webkit-scrollbar-thumb {
	background-color: #b2b2b2;
	width: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}


/*在线表单组件*/

.scroll-box {
	height: 200px;
	margin: 20px auto;
	overflow: hidden;
}

.scroll-box ul {
	list-style: none;
	width: 100%;
	height: 100%;
}

.scroll-box ul li {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	line-height: 40px;
	text-align: left;
}

.scroll-box ul li .tit_hr,
.message_list .h_item {
	display: inline-block;
	margin-right: 10px;
}

.siteForm .detail input.txt {
	line-height: 40px;
	height: 40px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	padding-left: 10px;
}

.siteForm .detail select {
	padding: 10px;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}

.siteForm .detail .lbl_item {
	display: inline-block;
	margin-right: 10px;
}

.siteForm .detail .lbl_item {
	display: inline-block;
	margin-right: 10px;
}

.cbx_con .val_item,
.rdo_con .val_item {
	margin-top: 10px;
}

.m_site_form1.m_style1 .dt_select {
	width: 95%;
}

.m_site_form1.m_style1 .txt {
	width: 95%;
}

.m_site_form1.m_style1 .item_con {
	float: left;
	width: 50%;
}

.m_site_form1.m_style1 .text_area {
	width: 97%;
}

.m_site_form1.m_style2 .dt_select {
	width: 95%;
}

.m_site_form1.m_style2 .txt {
	width: 93%;
}

.m_site_form1.m_style2 .lbl_item {
	line-height: 42px;
}

.m_site_form1.m_style2 .detail .adr_select {
	width: 93%;
}

.siteForm .detail input.adress {
	margin-top: 10px;
}

.m_site_form1.m_style2 .text_area {
	width: 95%;
}

.m_site_form2.m_style1 .item_con,
.m_site_form2.m_style1 .item_con {
	float: left;
	width: 50%;
}

.m_site_form2.m_style1 .adress {
	width: 95%;
}

.m_site_form2.m_style1 .tit,
.m_site_form2.m_style1 .val_item {
	float: left;
}

.m_site_form2.m_style2 .tit,
.m_site_form2.m_style2 .val_item {
	float: left;
}

.m_site_form2.m_style2 .detail .adr_select {
	width: 30%;
}

.m_site_form2.m_style2 .txt {
	width: 70%;
}

.m_site_form2.m_style2 .text_area {
	width: 71%;
}

.m_site_form2.m_style2 .adress {
	width: 93%;
}

.m_site_form2.m_style2 .lbl_item {
	line-height: 42px;
}

.m_site_form2.m_style2 .adr_con_inner {
	width: 75%;
}

.m_site_form2.m_style2 .dt_select {
	width: 71%;
}

.m_site_form2.m_style2 .item_con {
	margin-bottom: 20px;
}

.siteForm .detail .item_con {
	overflow: hidden;
}

.siteForm .detail .item_con img {
	width: 150px;
	max-height: 200px;
}

.siteForm .detail .adr_select {
	margin-right: 2%;
	margin-bottom: 20px;
}

.form_list .item_con .colse_icon {
	position: absolute;
	right: 0;
	top: 0;
	background: red;
	color: #fff;
	border-radius: 30px;
	cursor: pointer;
	width: 30px;
	text-align: center;
	font-size: 20px;
}

.form_list .item_con .up_img {
	position: relative;
	margin-right: 10px;
}

.siteForm .btn {
	margin-top: 30px;
	text-align: center;
}

.siteForm .btn button {
	text-align: center;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	color: #fff;
}

.siteForm .detail span.tit {
	text-align: right;
	line-height: 40px;
}

.siteForm .drt_com {
	margin-left: 10px;
}

.hide {
	display: none;
}

.siteForm .detail .red {
	color: red;
}

.siteForm .detail .file_word {
	margin-left: 20px;
	display: block;
	clear: both;
}

.siteForm .detail textarea {
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	margin-top: 15px;
	padding: 10px;
	box-sizing: border-box;
}

.siteFormH {
	text-align: center;
	font-size: 18px;
}


/*二维码组件*/

.siteQrCode .detail img {
	height: auto;
}

.siteQrCode .detail p {
	width: 100%;
	text-align: center;
	line-height: 25px;
	color: #666666;
}


/*图片组件*/

.vdr {
	position: absolute;
	box-sizing: border-box;
}

.isScale {
	overflow: hidden;
}

.isScale img:hover {
	transition: all 1s ease-in-out;
	transform: scale(1.1, 1.1) !important;
}

.mImageModel .imgHover {
	position: relative;
	/*
	transition: 1s;
	transform-style: preserve-3d;
	height: 100%;*/
}

.mImageModel.imgHover .imgs {
	border: 1px solid transparent;
}

.mImageModel .imgHover p {
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
	height: 100%;
	display: none;
	flex-direction: column;
	font-size: 14px;
	text-align: left;
	background-color: rgba(33, 33, 33, 0.8);
	color: #ccc;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	transition: all 0.5s ease;
}

.mImageModel .imgHover .centerP {
	text-align: center;
}

.mImageModel .imgHover .centerP span {
	display: block;
	margin: auto;
}

.mImageModel .imgHover .leftP {
	text-align: left;
}

.mImageModel .imgHover .leftP span {
	display: block;
	margin: auto 0;
}

.mImageModel .imgHover .front {
	position: absolute;
	top: 0 !important;
	backface-visibility: hidden;
	transform: rotateY(180deg);
	transition: all 1s;
}

.mImageModel .imgHover .updown {
	position: absolute;
	display: none;
}

.mImageModel .imgHover:hover .updown {
	display: block;
}

.mImageModel .imgHover .back {
	position: absolute;
	top: 0 !important;
	left: 0;
	backface-visibility: hidden;
	transition: all 1s;
}


/*魔方多图*/

.clearfloat:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.positionR {
	position: relative;
}

.positionR .hid {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
}

.positionR .hid i {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(https://img.xiaohucloud.com/static/image/mbg01.png);
	background-color: rgba(0, 0, 0, 0.7) !important;
	background-position: 12px -1078px;
	border-radius: 100%;
	background-repeat: no-repeat;
}

.photoMoreCard {
	height: 100%;
	width: 100%;
}

.photoMoreCard .styleone,
.photoMoreCard .styletwo,
.photoMoreCard .stylethree,
.photoMoreCard .stylefour,
.photoMoreCard .stylefive,
.photoMoreCard .stylesix,
.photoMoreCard .styleseven,
.photoMoreCard .styleeight,
.photoMoreCard .stylenight,
.photoMoreCard .styleten,
.photoMoreCard .styleeleven,
.photoMoreCard .styletwelfth {
	width: 100%;
	height: 100%;
}

.photoMoreCard .styleone .oneLeft,
.photoMoreCard .styletwo .oneLeft,
.photoMoreCard .stylethree .oneLeft,
.photoMoreCard .stylefour .oneLeft,
.photoMoreCard .stylefive .oneLeft,
.photoMoreCard .stylesix .oneLeft,
.photoMoreCard .styleseven .oneLeft,
.photoMoreCard .styleeight .oneLeft,
.photoMoreCard .stylenight .oneLeft,
.photoMoreCard .styleten .oneLeft,
.photoMoreCard .styleeleven .oneLeft,
.photoMoreCard .styletwelfth .oneLeft {
	width: 33%;
	height: 100%;
}

.photoMoreCard .styleone .oneRight,
.photoMoreCard .styletwo .oneRight,
.photoMoreCard .stylethree .oneRight,
.photoMoreCard .stylefour .oneRight,
.photoMoreCard .stylefive .oneRight,
.photoMoreCard .stylesix .oneRight,
.photoMoreCard .styleseven .oneRight,
.photoMoreCard .styleeight .oneRight,
.photoMoreCard .stylenight .oneRight,
.photoMoreCard .styleten .oneRight,
.photoMoreCard .styleeleven .oneRight,
.photoMoreCard .styletwelfth .oneRight {
	float: right;
	width: 66%;
	height: 100%;
}

.photoMoreCard .styleone .oneRight .oneRTop,
.photoMoreCard .styletwo .oneRight .oneRTop,
.photoMoreCard .stylethree .oneRight .oneRTop,
.photoMoreCard .stylefour .oneRight .oneRTop,
.photoMoreCard .stylefive .oneRight .oneRTop,
.photoMoreCard .stylesix .oneRight .oneRTop,
.photoMoreCard .styleseven .oneRight .oneRTop,
.photoMoreCard .styleeight .oneRight .oneRTop,
.photoMoreCard .stylenight .oneRight .oneRTop,
.photoMoreCard .styleten .oneRight .oneRTop,
.photoMoreCard .styleeleven .oneRight .oneRTop,
.photoMoreCard .styletwelfth .oneRight .oneRTop {
	height: 59%;
	margin-bottom: 1%;
}

.photoMoreCard .styleone .oneRight .oneRBottom,
.photoMoreCard .styletwo .oneRight .oneRBottom,
.photoMoreCard .stylethree .oneRight .oneRBottom,
.photoMoreCard .stylefour .oneRight .oneRBottom,
.photoMoreCard .stylefive .oneRight .oneRBottom,
.photoMoreCard .stylesix .oneRight .oneRBottom,
.photoMoreCard .styleseven .oneRight .oneRBottom,
.photoMoreCard .styleeight .oneRight .oneRBottom,
.photoMoreCard .stylenight .oneRight .oneRBottom,
.photoMoreCard .styleten .oneRight .oneRBottom,
.photoMoreCard .styleeleven .oneRight .oneRBottom,
.photoMoreCard .styletwelfth .oneRight .oneRBottom {
	height: 39%;
}

.photoMoreCard img {
	height: 100%;
	width: 100%;
}

.oneBLeft {
	width: 49.5%;
	height: 100%;
}

.oneBRight {
	width: 49%;
	height: 100%;
	float: right;
}

.oneCenter {
	width: 37%;
	margin: 0 1%;
	height: 100%;
}

.threeRight {
	width: 28%;
	height: 100%;
}

.three {
	height: 49%;
}

.threeMargin {
	margin-bottom: 2%;
}

.fourTop {
	height: 60%;
}

.fourTLeft {
	width: 33%;
	height: 100%;
}

.fourTRight {
	width: 66%;
	height: 100%;
}

.fourBottom {
	height: 38%;
}

.fourB {
	width: 32.5%;
	height: 100%;
	margin: 1% 1% 0 0;
}

.w33 {
	width: 33%;
}

.fourB.fr {
	margin-right: 0;
}

.sixB:last-child {
	width: 33%;
}

.sixB {
	width: 32.5%;
	height: 100%;
	margin: 0 1% 1% 0;
}

.sixB.fr {
	margin-right: 0;
}

.sevenTop {
	height: 50%;
}

.sevenTop .sevenT {
	height: 100%;
	width: 24%;
	margin-right: 1%;
}

.sevenTop .sevenT:last-child {
	margin-right: 0;
	width: 25%;
}

.sevenBottom {
	margin-top: 1%;
	height: 49%;
}

.sevenBottom .sevenB {
	height: 100%;
	width: 24%;
}

.sevenBottom .sevenB:first-child {
	width: 49%;
	margin-right: 1%;
}

.sevenBottom .sevenB:last-child {
	width: 25%;
}

.eightTRight {
	width: 49%;
	height: 100%;
}

.eightTRight:first-child {
	width: 50%;
}

.stylenight .fourBottom .sixB {
	margin: 1% 1% 0 0;
}

.stylenight .fourBottom .sixB.fr {
	margin-right: 0;
}

.tenB {
	width: 100%;
	height: 100%;
	margin-top: 1%;
}

.elevenTop,
.twelfthTop {
	height: 49%;
	margin-bottom: 1%;
	width: 100%;
}

.elevenTop .elevenT:first-child,
.twelfthTop .elevenT:first-child {
	width: 43%;
}

.elevenTop .elevenT,
.twelfthTop .elevenT {
	height: 100%;
	width: 30%;
	margin-right: 1%;
}

.elevenTop .elevenT:last-child,
.twelfthTop .elevenT:last-child {
	width: 25%;
	margin-right: 0;
}

.elevenTop .elevenT,
.twelfthTop .twelfthT {
	height: 100%;
	width: 60%;
	margin-right: 1%;
}

.elevenTop .elevenT:last-child,
.twelfthTop .twelfthT:last-child {
	width: 39%;
	margin-right: 0;
}

.elevenBottom,
.twelfthBottom {
	height: 50%;
	width: 100%;
}

.elevenBottom .elevenT:first-child,
.twelfthBottom .elevenT:first-child {
	width: 25%;
}

.elevenBottom .elevenT,
.twelfthBottom .elevenT {
	height: 100%;
	width: 30%;
	margin-right: 1%;
}

.elevenBottom .elevenT:last-child,
.twelfthBottom .elevenT:last-child {
	width: 43%;
	margin-right: 0;
}

.elevenBottom .elevenT,
.twelfthBottom .twelfthT {
	height: 100%;
	width: 39%;
	margin-right: 1%;
}

.elevenBottom .elevenT:last-child,
.twelfthBottom .twelfthT:last-child {
	width: 60%;
	margin-right: 0;
}


/*新闻详情*/

.mNewDes .et_con {
	position: relative;
}

.newDes .bdsharebuttonbox {
	margin-top: 10px;
}

.newDes .detail h3 {
	line-height: 40px;
	border-bottom: 3px solid #ccc;
	margin-bottom: 30px;
}

.newDes .detail h3 div p {
	display: inline-block;
	color: #655d5d;
	font-size: 12px;
}

.detail .next p span {
	display: inline-block;
	margin-right: 30px;
}

.detail .next p span:last-child {
	font-weight: bold;
}


/*视频模块*/

.areaflv1 {
	display: inline-block;
	width: 43%;
	margin-right: 3%;
}

.areaflv1 .tit {
	float: inherit !important;
}

.areaflv1 img {
	float: inherit !important;
}

.areaflv2 {
	display: inline-block;
	overflow: hidden;
	width: 48%;
}

.areaflv2 .img_con {
	float: left;
	width: 49%;
}

.areaflv2 .img_con img {
	width: 100% !important;
}

.areaflv2 .tit {
	width: 48% !important;
	float: left;
}

.areaflv3 {
	width: 100%;
}

.areaflv3 .img_con {
	width: 100%;
}

.areaflv3 .tit {
	float: inherit !important;
	display: inline-block;
}


/*网站地图*/

.sitemap_show0 li .fir_icon {
	float: left;
	width: 4px;
	height: 4px;
	margin-top: 7px;
	margin-right: 10px;
	border-radius: 100%;
	border: 2px solid #f04d5e;
}

.sitemap_show0 .sitemap_sec_con {
	margin-left: 20px;
}

.sitemap_show0 li .sec_icon {
	float: left;
	width: 3px;
	height: 3px;
	margin-top: 10px;
	margin-right: 7px;
	background: #888;
}

.sitemap_show0 li .sitemap_third_con {
	overflow: hidden;
}

.sitemap_show0 li .sitemap_third_item {
	float: left;
	margin-right: 5px;
}

.sitemap_show0 li .fir_icon {
	float: left;
	width: 4px;
	height: 4px;
	margin-top: 7px;
	margin-right: 10px;
	border-radius: 100%;
	border: 2px solid #f04d5e;
}

.sitemap_show1 li .fir_icon {
	float: left;
	width: 4px;
	height: 4px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 10px;
	border-radius: 100%;
	border: 2px solid #f04d5e;
}

.sitemap_show1 {
	line-height: 40px;
}

.sitemap_show1 .sitemap_i1 {}

.sitemap_show1 .sitemap_lifirth {
	background-color: #f3f3f4;
	margin-bottom: 20px;
	border-radius: 10px;
}

.sitemap_show1 .sitemap_sec_con {
	padding-left: 33px;
	border-top: 1px dotted #d7d7d7;
}

.sitemap_show1 .tit_i2 {
	margin-right: 20px;
}

.sitemap_show1 li.sitemap_lifirth li {
	position: relative;
	float: left;
}

.sitemap_show1 li .sitemap_third_con {
	position: absolute;
	padding: 10px;
	z-index: 2;
	display: none;
	width: 168px;
	top: 30px;
	left: 0;
	background-color: #fff;
}

.sitemap_show1 li.sitemap_lifirth li:hover .sitemap_third_con {
	display: block;
}

.sitemap_show2 li .fir_icon {
	float: left;
	width: 4px;
	height: 17px;
	margin-top: 12px;
	margin-left: 15px;
	margin-right: 10px;
	background: #f04d5e;
}

.sitemap_show2 {
	line-height: 40px;
}

.sitemap_show2 .sitemap_i1 {}

.sitemap_show2 .sitemap_i1 a {
	font-size: 18px;
	font-weight: 700;
}

.sitemap_show2 .sitemap_lifirth {
	background-color: #f3f3f4;
	margin-bottom: 20px;
	border-radius: 10px;
}

.sitemap_show2 .sitemap_sec_con {
	margin-left: 33px;
	border-top: 1px dotted #d7d7d7;
}

.sitemap_show2 .tit_i2 {
	margin-right: 20px;
}

.sitemap_show2 li.sitemap_lifirth li {
	position: relative;
	float: left;
}

.sitemap_show2 li .sitemap_third_con {
	position: absolute;
	padding: 10px;
	z-index: 2;
	display: none;
	width: 168px;
	top: 30px;
	left: 0;
	background-color: #fff;
}

.sitemap_show2 li.sitemap_lifirth li:hover .sitemap_third_con {
	display: block;
}


/* 招聘列表 */

.zhaopin .list_item td,
.zhaopin td.btn_con {
	text-align: center;
	line-height: 20px;
}

.zhaopin .theader {
	width: 100%;
	height: 39px;
	background-color: rgba(242, 242, 242, 1);
}

.zhaopin .tbody {
	height: 39px;
}

.zhaopin .tbody tr {
	cursor: pointer;
}

.zhaopin td {
	text-align: left;
	height: 60px;
	position: relative;
}

.zhaopin td .fall_cons {
	position: absolute;
	top: 60px;
	left: 0;
	width: 990px;
	background: #fff;
}

.zhaopin button {
	display: inline-block;
	width: 120px;
	height: 40px;
	background-color: rgba(242, 242, 242, 1);
}

.zhaopin .jobContent {
	display: none;
}

.zhaopin .btn_con div {
	display: inline-block;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	color: #fff;
	background-color: #d2232a;
}


/* 招聘详情 */

.zhaopinDetail .title {
	font-size: 30px;
	font-weight: 700;
	margin-right: 10px;
}

.zhaopinDetail .company,
.zhaopinDetail .company_detail {
	line-height: 30px;
}

.zhaopinDetail .company_info li {
	float: left;
	margin-right: 20px;
}

.company_info img {
	margin-right: 5px;
}

.company_info span.icon {
	display: inline-block;
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-image: url(https://img.xiaohucloud.com/static/image/icon_jtag.png);
}

.company_info span.sp_icon1 {
	display: inline-block;
	background-position: 0px 2px;
}

.company_info span.sp_icon2 {
	background-position: 0px -28px;
}

.company_info span.sp_icon3 {
	background-position: 0px -58px;
}

.company_info span.sp_icon4 {
	background-position: 0px -120px;
}

.company_info span.sp_icon5 {
	background-position: 0px -149px;
}

.zhaopinDetail .email_send {
	margin-top: 8px;
}


/*侧导航功能*/

.sidebarStyle0 .oneLevel {
	background-color: rgb(19, 192, 126);
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.sidebarStyle0 .oneLevel {
	display: block;
	padding: 20px 0;
}

.sidebarStyle0 .twoUl {
	padding-top: 10px;
}

.sidebarStyle0 .twoUl li {
	/* background-color: rgb(229, 229, 229); */
	color: rgb(19, 192, 126);
	cursor: pointer;
}

.twoLevel {
	padding: 5px 0;
}

.sidebarStyle0 .twoUl li .third_item {
	padding: 5px 0 0 10px;
}

.sidebarStyle1 .oneLevel {
	padding: 10px 0;
	background-color: #ececec;
}

.sidebarStyle1 .twoUl li.fir {
	display: block;
	line-height: 40px;
	background: #d9d9d9;
	margin-top: 2px;
	border-radius: 0;
	color: #000;
}

.sidebarStyle1 .twoUl li .twoLevel {
	display: block;
	line-height: 45px;
	background: #d9d9d9;
	border-radius: 0;
	padding-left: 22px;
	color: #000;
}

.sidebarStyle1 .twoUl li .third_item {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
}

.searchAlert {
	border: 1px solid #ccc;
	height: 30px;
	width: 100%;
	line-height: 30px;
}

.sidebarStyle1 .twoUl li .third_item .afrt {
	margin-top: 16px;
}

.sidebarStyle2 .oneLevel {
	padding: 10px 0;
	background: #d5ad72;
	font-size: 20px;
	color: #fff;
}

.sidebarStyle2 .twoUl li .twoLevel {
	display: block;
	line-height: 45px;
	background: #d5ad72;
	border-radius: 0;
	padding-left: 22px;
	margin-top: 2px;
	color: #fff;
}

.sidebarStyle2 .twoUl li .third_item {
	position: relative;
	background: #ececec;
	padding: 5px 0;
}

.sidebarUl .twoUl li .third_con {
	display: none;
}

.sidebarUl .twoUl li a {
	display: block;
}


/*.sidebarUl .twoUl li:nth-child(1) .third_con {
		display: block;
	}*/

.sidebarStyle2 .twoUl li .third_item .afrt {
	content: "";
	width: 8px;
	height: 8px;
	border: 2px solid #b8b8b8;
	border-style: solid solid none none;
	position: absolute;
	top: 50%;
	right: 32px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sidebarListTwo .sidebarUl li.two_li_el,
.sidebarListTwo .sidebarUl .oneLevel,
.sidebarListTwo .twoUl {
	float: left;
}

.sidebarListTwo .sidebarUl .twoUl {
	margin-top: 0;
}

.sidebarListTwo .sidebarUl .twoUl li .third_con {
	display: none;
}

.sidebarListTwo .sidebarStyle0 .twoUl li {
	padding: 10px 20px;
	background-color: #ccc;
	position: relative;
}

.sidebarListTwo .sidebarStyle0 .twoUl li.active a {
	color: #fff;
}

.sidebarListTwo .sidebarStyle0 .twoUl li.active {
	background-color: #E76767;
	color: #fff;
}

.sidebarListTwo .sidebarStyle0 .twoUl li.active i {
	width: 0;
	height: 0;
	position: absolute;
	left: 45%;
	bottom: 0;
	display: block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #fff;
}

.sidebarListTwo .sidebarStyle1 .twoUl li {
	padding: 10px 20px;
	position: relative;
}

.sidebarListTwo .sidebarStyle1 .twoUl li .twoLevel {
	background: none;
	padding: 10px 20px;
}

.sidebarListTwo .sidebarStyle1 .twoUl li.active a {}

.sidebarListTwo .sidebarStyle1 .twoUl li.active span {}

.sidebarListTwo .sidebarStyle1 .twoUl li.active i {
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	border-bottom: 2px solid #d5b47c;
}


/*多语言功能*/

.mltilingual {
	position: relative;
	z-index: 10;
}

.mltilingual .title {
	height: 30px;
	line-height: 30px;
}

.mltilingual .title em {
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
	margin-left: 6px;
	margin-right: -14px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #ccc;
}

.mltilingual .ul_item {
	box-sizing: border-box;
	overflow-y: auto;
	position: absolute;
	display: none;
	top: 100%;
	left: 1px;
	width: 90px;
	right: -15px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	border-bottom-color: #ccc;
	text-align: left;
	border-radius: 4px;
	white-space: nowrap;
}

.mltilingual:hover .ul_item {
	display: block;
}

#mb_msg img {
	width: 100%;
	height: auto;
}


/*侧边栏*/

.circleRrea::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f1f1f1;
}

.circleRrea::-webkit-scrollbar-thumb {
	background-color: #b2b2b2;
	width: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.sidebar .detail li {
	overflow: hidden;
}

.afrt {
	content: "";
	width: 8px;
	height: 8px;
	border: 2px solid #b8b8b8;
	border-style: solid solid none none;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*社区*/


/*.circleRrea {
		overflow: auto;
	}*/

.com_circle dl {
	background-color: #e9f1f7;
}

.com_circle dt {
	width: 70px;
	height: 70px;
}

.com_circle dt img {
	margin-top: 10px;
	margin-left: 15px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.com_circle dd {
	padding-top: 15px;
}


/*瀑布流*/

.waterfall {
	width: 100%;
	margin: 0 auto;
}

.waterfall .ty_con {
	display: none;
	top: 20px;
	z-index: 111;
	background-color: #fff;
	left: -145px;
	top: -43px;
	width: 150px;
	height: 165px;
	position: absolute;
}

.waterfall .ty_con img {
	width: 100%;
	height: 100%;
}

.waterfall .index-main {
	text-align: left;
	/* Firefox */
	-webkit-column-count: 2;
	/* Safari 和 Chrome */
	column-count: 2;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	background-color: #F2F5F7;
	padding-top: 0.26666667rem;
	padding-left: 0.4rem;
	padding-bottom: 0.26666667rem;
	padding-right: 0.4rem;
}

.waterfall .index-main .item {
	margin-top: 0rem;
	margin-left: 0rem;
	margin-bottom: 0.26666667rem;
	margin-right: 0rem;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	background-color: #fff;
}

.waterfall .index-main .item .item-img {
	width: 100%;
	border-top-left-radius: 0.13333333rem;
	border-top-right-radius: 0.13333333rem;
	margin-bottom: 0.13333333rem;
}

.waterfall .index-main .item .item-title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.waterfall .index-main .item .item-title-box .item-title {
	font-size: 0.34666667rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-family: 'PingFang SC-Medium';
	color: #333;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	margin-left: 0.26666667rem;
	margin-right: 0.26666667rem;
	line-height: 1.56rem;
}

.waterfall .index-main .item .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0.26666667rem;
	padding-right: 0.26666667rem;
	margin-top: 0.26666667rem;
	padding-bottom: 0.33333333rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.29333333rem;
	color: #1e1e1e;
	cursor: pointer;
	font-family: 'PingFang SC-Medium';
}

.waterfall .index-main .item .name .item-ava {
	width: 16px;
	height: 16px;
	border-radius: 0.24rem;
}

.waterfall .index-main .item .name .name-title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 0.24rem;
	margin-right: 0.26666667rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 0.26666667rem;
}

.waterfall .index-main .item .name .heart_ {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.waterfall .index-main .item .name .heart_ .heart {
	width: 0.4rem;
	height: 0.36rem;
	margin-right: 0.10666667rem;
}


/*案例详情*/

.mCaseDes .img_con {
	width: 50%;
}

.mCaseDes .con_tit {
	text-align: center;
}


/*全站搜索*/

.search_results_ui li {
	margin-bottom: 20px;
}

.tab_search th {
	text-align: left;
	background-color: #FBFAFB;
	padding: 10px;
}

.search_results_ui li img {
	width: 85%;
	height: 100%;
}

.search_results_ui .pdsRelative {
	width: 30%;
}

.search_results_ui .wf {
	width: 70%;
}

.tab_search tr:hover {
	background-color: #FDFCFF;
}

.tab_search td {
	padding: 10px;
}

.tab_search .dt_uit {
	color: #999;
}

.el-dialog__body {
	overflow: auto;
}

.outmodule {
	width: 100% !important;
	height: auto !important;
	position: static !important;
}

.outmodule .columnPicture,
.outmodule .nav_i_show0,
.outmodule .detail,
.outmodule .hove_con,
.outmodule .moduleAreaNav_con,
.outmodule .swiper-wrapper,
.outmodule .columnPicture .threeStyle,
.outmodule .columnPicture table,
.outmodule .columnPicture .marquee-wrap,
.outmodule .width,
.outmodule .imgHover,
.outmodule .imgHover img {
	height: auto !important;
	min-height: 20px;
	width: 100% !important;
}

.outmodule .columnPicture .marquee-wrap {
	min-height: 400px;
}

.swiper-container .outmodule .swiper-slide img {
	width: auto !important;
}

.outmodule .imgHover,
.outmodule .imgHover img {
	height: auto !important;
	width: 100% !important;
	position: inherit !important;
}

.outmodule .article_ui {
	min-height: 150px;
}

.outmodule .marquee-wrap {
	height: 130px !important;
}


/*
 * 会员登录 n_shareIcn.png
 * */

.member_login {}

.member_login .tit em.split {
	height: 30px;
	width: 6px;
	margin-right: 10px;
	float: left;
	background-color: #ff6637;
}

.member_login .tit {
	height: 40px;
	line-height: 30px;
	padding: 0 30px;
}

.member_login .login_m1 input.txt {
	width: 200px;
	padding-left: 40px;
	height: 35px;
	border: 1px solid #cecece;
	text-align: left;
}

.member_login .login_m1 .member_icon {
	color: red;
	font-style: normal;
}

.member_login .mem_icon li {
	display: block;
	height: 40px;
	margin-bottom: 10px;
}

.member_login .mem_icon li .slpt {
	position: relative;
	left: 33px;
	top: 3px;
	height: 30px;
	width: 30px;
	float: left;
}

.member_login .reg {
	margin-left: 34px;
}

.member_login .mem_icon li .member_icon {
	background: url(https://img.xiaohucloud.com/static/image/icon_user.jpg) no-repeat 0;
}

.member_login .mem_icon li .password_icon {
	background: url(https://img.xiaohucloud.com/static/image/icon_pwd.jpg) no-repeat 0;
}

.member_login .thirdPartyItem {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 8px;
	opacity: .5;
}

.member_login .login_m1 .wx {
	background: url(https://img.xiaohucloud.com/static/image/n_shareIcn.png) -29px 0 no-repeat;
}

.member_login .other {
	margin-left: 33px;
	line-height: 30px;
}

.member_login:hover .wx {
	opacity: 1;
}

.member_login .login_m1 .btn {
	height: 30px;
	width: 100px;
	float: left;
	color: #fff;
	margin-left: 31px;
	cursor: pointer;
	background-color: #ff6637;
}

.member_login .login_m2 .btn {
	height: 30px;
	width: 100px;
	color: #fff;
	cursor: pointer;
	background-color: #ff6637;
}

.member_login .login_m2 input.txt {
	width: 200px;
	padding-left: 5px;
	height: 35px;
	border: 1px solid #cecece;
	text-align: left;
	height: 50px;
	line-height: 50px;
	border: 1px solid #d4d4d4;
	display: block;
	border-radius: 5px;
	padding-left: 15px;
}

.member_login .login_m2 h1 {
	font-size: 20px;
}

.member_login .login_m2 .member_icon {
	color: red;
	margin-left: 3px;
}

.member_login .login_m2 .rt_con {
	color: #f66f6a;
	margin-top: 5px;
	display: none;
}

.login_m3 .tit_d {
	margin-bottom: 10px;
	text-align: center;
}

.login_m3 .tit {
	font-size: 20px;
}

.login_m3 .lblbox input {
	margin-bottom: 10px;
	height: 40px;
	width: 400px;
	border: 1px solid #cecece;
}

.login_m3 .verify .item_account {
	width: 200px;
}

.login_m3 .code_panel {
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-left: 10px;
	border: 1px solid #cecece;
}

.login_m3 .it_account {
	padding-left: 6px;
}

.login_m3 .pwd_panel input {}

.login_m3 .btn input {
	width: 408px;
}

.login_m3 .item_account {
	line-height: 30px;
	padding-left: 6px;
}


/*
 * 会员注册
 * */

.member_sign .tit em.split {
	height: 30px;
	width: 6px;
	margin-right: 10px;
	float: left;
	background-color: #ff6637;
}

.member_sign .tit {
	height: 40px;
	line-height: 30px;
	padding-left: 30px;
}

.sign_up_m1 li {
	margin-bottom: 10px;
}

.sign_up_m1 li .slpt {
	width: 70px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: right;
}

.sign_up_m1 li textarea {
	border: 1px solid #ccc;
	width: 304px;
}

.sign_up_m1 li input.txt {
	height: 30px;
	width: 300px;
	line-height: 30px;
	padding-left: 4px;
	margin-right: 5px;
	border: 1px solid #ccc;
}

.sign_up_m1 li .tips {
	color: red;
}

.sign_up_m1 li .btn {
	height: 30px;
	width: 100px;
	float: left;
	color: #fff;
	margin-left: 70px;
	cursor: pointer;
	background-color: #ff6637;
}


/*
 * 会员注册
 * */

.member_password {}

.member_password .tit em.split {
	height: 30px;
	width: 6px;
	margin-right: 10px;
	float: left;
	background-color: #ff6637;
}

.member_password .tit {
	height: 40px;
	line-height: 30px;
	padding-left: 30px;
}

.member_password input.txt {
	width: 200px;
	padding-left: 40px;
	height: 35px;
	float: left;
	border: 1px solid #cecece;
	text-align: left;
}

.member_password .mem_icon li {
	display: block;
	height: 40px;
	margin-bottom: 10px;
}

.member_password .mem_icon li .slpt {
	position: relative;
	left: 33px;
	top: 3px;
	height: 30px;
	width: 30px;
	float: left;
}

.member_password .reg {
	margin-left: 34px;
}

.member_password li .btn {
	height: 30px;
	width: 100px;
	float: left;
	color: #fff;
	margin-left: 30px;
	cursor: pointer;
	background-color: #ff6637;
}

.member_password li .verifi {
	margin-left: 20px;
}

.member_password .mem_icon li .member_icon {
	background: url(https://img.xiaohucloud.com/static/image/icon_user.jpg) no-repeat 0;
}

.member_password .mem_icon li .verification_code_icon {
	background: url(https://img.xiaohucloud.com/static/image/icon_pwd.jpg) no-repeat 0;
}


/*start滑屏容器*/

.swiper-container .area_conn .ar_conn {
	float: left;
	height: 100%;
}

.swiperHover .side_inner {
	z-index: 20000000000 !important;
}

.swiperHover .conect_inner {
	z-index: 9994444 !important;
}

.swiperHover .callout_button {
	position: relative;
	z-index: 9999999;
}

.swiperHover .swiperContainer {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 20000000 !important;
}

.swiperHover .swiper-container {
	width: 100%;
	height: 100%;
}

.swiperHover .swiper-wrapper .area_conn {
	position: relative;
	margin: 0 auto;
}

.swiperHover .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.swiperHover .swiper-slide {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.swiperHover .swiper-slide .area_conn {
	margin: 0 auto;
	height: 100% !important;
}

.swiperHover .el-dialog__wrapper {
	z-index: 20000000000 !important;
}

.swiperHover .swiper-pagination {
	bottom: 20px;
	width: 100%;
}

.swiperHover .swiper-pagination .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}

.swiperHover .el-color-dropdown,
.swiperHover .el-select-dropdown {
	z-index: 20000000000 !important;
}


/*end滑屏容器*/


/*在线视频*/

.areaVideo {}

.areaVideo .tit {
	font-size: 18px;
	margin-bottom: 15px;
}